VUE中switch使用

案例一：

    let title = ''switch (this.activityCode) { //想要判断的变量case 'ManuallyPassed': //状态一title = this.$t('member.credit.activity.review.approve') //状态一返回的结果breakcase 'EditCredit': //状态二title = this.$t('member.credit.activity.review.reject') //状态二返回的结果breakcase 'ManuallyNotPassed'://状态三title = this.$t('member.credit.activity.review.modify') //状态三返回的结果break}return title}

返回值有break和return的区别

1、break：是立即结束语句，并跳出语句，进行下个语句执行。

2、return：停止函数，直接返回。

案例二：

switch (activityCode) {case 'ManuallyPassed':return 'success'case 'EditCredit':return 'warning'case 'ManuallyNotPassed':return 'danger'
}

VUE中switch使用相关推荐

Vue中实现输入框Input输入格式限制
Vue中实现输入框Input输入格式限制 1.使用修饰符实现数字输入在VUE中可以在v-modal后添加修饰符的形式来限制输入,比如: <input v-model.number=" ...
Vue中怎样引入Element
引入Element 完整引入在vue项目下的src下的main.js中加入 import Vue from 'vue'; import ElementUI from 'element-ui'; im ...
vue中axios的封装以及使用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中.axios 在src下新建 network 文件夹 network文件夹: 网络模块放网络请求 ind ...
vue data为什么是函数_由 Vue 中三个常见问题引发的深度思考
(给前端大全加星标,提升前端技能) 作者: 前端序公号 / SimonWoo (本文来自作者投稿) 前言工作中我们通过搜索引擎或者官方文档很容易就会知道一个语法怎么使用,但是你知道其中的原理吗?我 ...
axios 超时_聊聊 Vue 中 axios 的封装
axios 是 Vue 官方推荐的一个 HTTP 库,用 axios 官方简介来介绍它,就是: Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中. 作为一 ...
.vue文件转换成html,在vue中把含有html标签转为html渲染页面的实例
在vue中把含有html标签转为html渲染页面的实例在标签内部添加v-html指令即可使用pug的写法: 这个content表示的是一个含标签的变量输入content为: 我是p标签输出结果 ...
在Vue中使用高德地图
在Vue中使用高德地图一.如何在Vue中引入基础高德地图 1.步骤一:注册并登录高德地图开放平台,申请密钥 2.步骤二:安装高德地图加载器 3.封装一个自定义地图组件,并初始化地图二.根据关键词搜 ...
Raphael.js 在vue中使用说明, 以杭州市地图为例
一.Vue中引入raphael.js npm install --save raphael 二.组件component中新建,下面为代码 <template> <div id=&qu ...
Vue 中 keep-alive 组件与 router-view 组件的那点事
最近项目中有小伙伴找到我,问我"为啥他写的页面第一次进去可以触发 onCreate 函数,第二次再进的时候就不触发了呢?"(因为我们项目是一个大型的项目,每个开发可能只接触到自己开 ...
【详解Vue中请求拦截器】
文章目录前言一.安装依赖二.定义拦截器 1.创建一个interceptors.js文件用于定义拦截器 2.注册插件 3.发送请总结前言提示: Vue请求拦截器通常用于在发送请求之前对请求进 ...

VUE中switch使用

VUE中switch使用相关推荐

最新文章

热门文章