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 相关文章推荐
一段利用WSH修改和查看IP配置的代码
May 11 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
javascript中apply/call和bind的使用
Feb 15 Javascript
使用重写url机制实现验证码换一张功能
Aug 01 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
在 Vue.js中优雅地使用全局事件的方法
Feb 01 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
vue本地打开build后生成的dist文件夹index.html问题
Sep 04 Javascript
JS严格模式原理与用法实例分析
Apr 27 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
解决vue字符串换行问题(绝对管用)
Aug 06 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
php 常用的系统函数
2017/02/07 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
JS俄罗斯方块,包含完整的设计理念
2010/12/11 Javascript
JavaScript通过RegExp实现客户端验证处理程序
2013/05/07 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
2015/05/15 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
canvas实现钟表效果
2017/02/13 Javascript
Js apply方法详解
2017/02/16 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
2018/08/24 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
在 Vue 中编写 SVG 图标组件的方法
2020/02/24 Javascript
python 中split 和 strip的实例详解
2017/07/12 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
值得收藏,Python 开发中的高级技巧
2018/11/23 Python
python dict 相同key 合并value的实例
2019/01/21 Python
Python for循环搭配else常见问题解决
2020/02/11 Python
python3正则模块re的使用方法详解
2020/02/11 Python
浅谈html5 响应式布局
2014/12/24 HTML / CSS
使用Html5 Stream开发实时监控系统
2020/06/02 HTML / CSS
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
英国和爱尔兰最大的地毯零售商:Kukoon
2018/12/17 全球购物
应聘面试自我评价
2014/01/24 职场文书
运动会闭幕式解说词
2014/02/21 职场文书
中学校庆方案
2014/03/17 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
新郎新娘答谢词
2015/01/04 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
农村党支部承诺书
2015/04/30 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
python OpenCV学习笔记
2021/03/31 Python
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python