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 相关文章推荐
JS获取dom 对象 ajax操作 读写cookie函数
Nov 18 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
JavaScript获取按钮所在form表单id的方法
Apr 02 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
AngularJS 遇到的小坑与技巧小结
Jun 07 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
讲解vue-router之命名路由和命名视图
May 28 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
Feb 18 Vue.js
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 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
缅甸的咖啡简史
2021/03/04 咖啡文化
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
php微信支付接口开发程序
2016/08/02 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
jQuery 隐藏和显示 input 默认值示例
2014/06/03 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
2015/04/16 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
Vue 中批量下载文件并打包的示例代码
2017/11/20 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
详解Webpack抽离第三方类库以及common解决方案
2020/03/30 Javascript
JavaScript实现多文件下载方法解析
2020/08/07 Javascript
python实现360的字符显示界面
2014/02/21 Python
web.py在模板中输出美元符号的方法
2014/08/26 Python
Python多线程爬虫简单示例
2016/03/04 Python
python语音识别实践之百度语音API
2018/08/30 Python
python查询MySQL将数据写入Excel
2020/10/29 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
携程旅行网:中国领先的在线旅行服务公司
2017/02/17 全球购物
宿舍使用违章电器检讨书
2014/01/12 职场文书
律师授权委托书范本
2014/10/07 职场文书
导游欢迎词范文
2015/01/23 职场文书
小学德育工作总结2015
2015/05/12 职场文书
公司员工管理制度
2015/08/04 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
Python OpenCV超详细讲解基本功能
2022/04/02 Python