Vue隐藏显示、只读实例代码


Posted in Javascript onJuly 18, 2018

1.Vue隐藏显示

<div style="padding-top:5px;" v-bind:class="{hidden: isHidden }">
 <label class="inline">
    <input id="id-button-borders" checked="" v-model="user.userstate" type="checkbox" class="ace ace-switch ace-switch-5" />
    <span class="lbl"></span>
 </label>
 </div>

data:{
    isHidden: true
  }

•v-bind:class=”{hidden: isHidden }” 可动态设置vm.isHidden值
•:class=”{hidden: isHidden }” 简写

2.Vue控件只读

<input type="text" class="form-control" v-bind:readonly="isReadOnly" validate="notNull,realname" v-model="user.realname"/>1

data:{

    isReadOnly:false
  }

•v-bind:readonly=”isReadOnly” 可动态设置vm.isReadOnly

总结

以上所述是小编给大家介绍的Vue隐藏显示、只读实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一个高效的JavaScript压缩工具下载集合
Mar 06 Javascript
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
javascript+mapbar实现地图定位
Apr 09 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
Mar 12 Javascript
基于JS实现web端录音与播放功能
Apr 17 Javascript
前后端常见的几种鉴权方式(小结)
Aug 04 Javascript
jQuery实现消息弹出框效果
Dec 10 jQuery
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
详解vue中axios的封装
Jul 18 #Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
Jul 18 #Javascript
微信小程序将字符串生成二维码图片的操作方法
Jul 17 #Javascript
使用Vue实现图片上传的三种方式
Jul 17 #Javascript
vue的token刷新处理的方法
Jul 17 #Javascript
vue 权限认证token的实现方法
Jul 17 #Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 #Javascript
You might like
PHP网上调查系统
2006/10/09 PHP
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
php截取中文字符串函数实例
2015/02/23 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
JavaScript面向对象之私有静态变量实例分析
2016/01/14 Javascript
原生js实现倒计时功能(多种格式调用)
2017/01/12 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
JS如何在不同平台实现多语言方式
2020/07/16 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
Python检测网站链接是否已存在
2016/04/07 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
django框架model orM使用字典作为参数,保存数据的方法分析
2019/06/24 Python
Python tcp传输代码实例解析
2020/03/18 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
CSS3动画animation实现云彩向左滚动
2014/05/09 HTML / CSS
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
统计每一学生的平均成绩
2014/06/06 面试题
人力资源经理的岗位职责范本
2014/02/28 职场文书
抗洪救灾标语
2014/10/08 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
叶问观后感
2015/06/15 职场文书
2019年最新借条范本!
2019/07/08 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
app场景下uniapp的扫码记录
2022/07/23 Java/Android