在实际开发中 因为有需要去渲染饿了么的tag
需求:
1.如果未激活是红色
2.如果激活状态下就是绿色
实现:
前端的三元表达式的基本形式
var a = 0
var c = a==1 ? 10:20
白话解释 如果a此时是否等于1 如果等于1的话那么该值就是10 如果 不等于1的话该值就是20
更复杂的形式(因为业务并无此需求,在这里讲一下)
var c = a==1 ? 10:(a==2? 30:40)
白话解释 如果a 等于1的话那么就是c就是10 如果a不等一的话那么 继续后面的三元表达式
实现具体事件:
<el-tag @click="local_card_click(2)" :type="authentication.cloud_cucc === 0 ? `success`:`danger`"
size="small">
二、提取VUEX中的存储值
在Vue的全局属性中如果注册了vuex那么就可以用this(全局vue)指向在 main实例化vue中注册的原型链
使用:
new Vue({
el: '#app',
router,
store,
render: h => h(App)
})
其中 store是单独写的一个js文件 里面引用了vue
store :
import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
import app from './modules/app'
import settings from './modules/settings'
import user from './modules/user'
import permission from './modules/permission'
Vue.use(Vuex)
const store = new Vuex.Store({
modules: {
app,
settings,
user,
permission
},
getters
})
export default store
然后VUE全局中进行注册。
具体其他使用VUEX的时候我会在角色控制中详情解释