就是vue里的v-show或者v-if能不能像disable一样,实现动态控制,只要把disable写成:disable="disable",然后再在data里绑定就可以实现动态控制,试了一下用v-show和v-if没办法实现动态,在data里绑定的是ture就一直是ture,false就一直是false,请问要怎么才能像disable一样实现呢,万分感谢
v-show和v-if绑定的值可以是写死的true或者false,也可以是一个变量啊,
<template>
<div v-show="isShow">搜索</div>
</template>
isShow=false;
//绑定了这个变量以后,你通过修改变量的true或者false就是想动态了啊
vue最基本的原则就是数据驱动视图,所以这些v-show,v-if,v-model等等都是可以绑定变量的,然后通过修改变量的值,达到修改页面的效果,就是数据驱动啊
经过事件 可以改吧
v-show或者v-if你可以在里面写判断例如:
//在data中定义一个变量flag:1
//v-if/v-show="flag==1"
//你在方法里改动flag值就可以了
<el-button @click="add" >重置</el-button>
<div v-if='flag==1'>flag为1</div>
<div v-show='flag!=1'>flag不为1</div>
那只能通过事件来 改变data里绑定的值 。 因为 disable就是 原生的属性 可以直接绑定 。 v-if这些不行
通过事件修改v-if和v-show绑定的值,从而实现动态
你可以参考下这篇文章:Vue 使用 v-show 失效写两个
<template>
<div v-show="show">11</div>
</template>
export default {
data() {
return {
show:false
}
}
}
通过方法修改show的值即可。