vue里的v-show或者v-show能否实现动态

就是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的值即可。