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 相关文章推荐
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
ie与ff下的event事件使用介绍
Nov 25 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
javascript中的Function.prototye.bind
Jun 25 Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
JavaScript 栈的详解及实例代码
Jan 22 Javascript
AngularJS基于factory创建自定义服务的方法详解
May 25 Javascript
详解vue-loader在项目中是如何配置的
Jun 04 Javascript
vue实现文件上传功能
Aug 13 Javascript
如何对react hooks进行单元测试的方法
Aug 14 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 Javascript
详解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
4.与数据库的连接
2006/10/09 PHP
PHP中根据IP地址判断城市实现城市切换或跳转代码
2012/09/04 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
浅谈PHP的exec()函数无返回值排查方法(必看)
2017/03/31 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
JAVASCRIPT HashTable
2007/01/22 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
2011/06/28 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
js验证真实姓名与身份证号,手机号的简单实例
2016/07/18 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
Python实现快速多线程ping的方法
2015/07/15 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
深入理解python中sort()与sorted()的区别
2018/08/29 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
python 判断文件还是文件夹的简单实例
2019/06/10 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
详解Python实现进度条的4种方式
2020/01/15 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
高档奢华时装在线目的地:FORWARD by elyse walker
2017/10/16 全球购物
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
《小熊住山洞》教学反思
2014/02/21 职场文书
我爱我的祖国演讲稿
2014/05/04 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
买房子个人收入证明
2014/10/12 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
Django项目如何获得SSL证书与配置HTTPS
2021/04/30 Python
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA
MySQL数据库表约束讲解
2022/06/21 MySQL