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:false} methods: {changeStatus(){if("你设置的条件"){operation1 = true;operation2 = true;  }}}})

解释：

默认 operation1和operation2的状态是false, 所以是隐藏

当你在changeStatus通过了某种条件，你就可以控制operation1和operation2的状态了。true为显示，false为隐藏。

vue 控制某个元素的显示或者隐藏之v-if属性相关推荐

vue 控制某个元素的显示与隐藏之v-if属性
HTML代码: <div title="意向价格" v-if="showPrise"></div><div title=" ...
使用JavaScript控制HTML元素的显示和隐藏
使用JavaScript控制HTML元素的显示和隐藏利用来JS控制页面控件显示和隐藏有四种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位 ...
html元素隐藏js 控制,JS控制HTML元素的显示和隐藏的两种方法
JS控制HTML元素的显示和隐藏的两种方法利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一 ...
JS控制HTML元素的显示和隐藏
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: document.getElementB ...
js控制元素显示与否JS控制HTML元素的显示和隐藏
转载:https://www.cnblogs.com/unpolishedgem/p/3247098.html 利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个 ...
css-05--1. 定位2.. 网页布局总结3.元素的显示与隐藏
目录 1. 定位 1.1 为什么需要定位 1.2 定位组成 1. 定位模式 2. 边偏移 1.3 静态定位 static(了解) 1.4 相对定位 relative(重要) 1.5 绝对定位 abso ...
jQuery控制元素的显示与隐藏（三种方式对比）
hide和show hide:是$(".类名")或$("#标签名")或$("标签名").hide() show:是$(".类名&q ...
微信小程序控制盒子显示隐藏_微信小程序点击控制元素的显示与隐藏
微信小程序点击控制元素的显示与隐藏首先我们先来看一下单个点击效果我们来看一下wxml中的代码: 更多内容更多> 2017-07-27 下面的是js中的主要代码: data: { shows ...
vue 电梯导航制作（鼠标滚动控制导航栏的显示与隐藏）
鼠标滚动控制导航栏的显示与隐藏上图先看效果: 下面为2张图,默认为导航栏,当鼠标向下滚动一定距离时,变为箭头, 并且点击黄色的返回图标,也变为下方箭头,此时再滚动窗口,不会变为导航栏. 点击下方箭头 ...

vue 控制某个元素的显示或者隐藏之v-if属性

vue 控制某个元素的显示或者隐藏之v-if属性相关推荐

最新文章

热门文章