vue 控制某个元素的显示或者隐藏之v-if属性
在此我定义两个属性 v-if=" "<div title="这是操作一"v-if="operation1"></div><div title="这是操作二"v-if="operation2"></div>js 代码:new Vue({el: '#app',data: {operation1:false,operation2:fals
·
在此我定义两个属性 v-if=" "
<div title="这是操作一" v-if="operation1"></div>
<div title="这是操作二" v-if="operation2"></div>
js 代码:
new Vue({
el: '#app',
data: {
operation1:false,
operation2:false
}
methods: {
changeStatus(){
if("你设置的条件"){
operation1 = true;
operation2 = true;
}
}
}
})
解释:
默认 operation1和operation2的状态是false, 所以是隐藏
当你在changeStatus通过了某种条件,你就可以控制operation1和operation2的状态了。true为显示,false为隐藏。
更多推荐
已为社区贡献4条内容
所有评论(0)