vue中动态绑定表单元素的属性方法


Posted in Javascript onFebruary 23, 2018

在vue中有时候可能想像使用jq一样给某个元素添加属性,如

$('#select1').attr('disabled','disabled')

这种方法也能实现,但是在vue中能用vue的方法还是尽量不要使用jq

使用vue的方法来添加属性可以这样:

<select v-model='issues' class="ui dropdown t-select-list" :disabled='isDisabled'>
 <option></option>
</selected>

disabled是表单元素的原生属性,可以直接使用属性绑定的语法 :disabled 来绑定,然后加上一个条件就可以控制这个属性动态添加删除,如:

watch:{
 issueDatas(){
  if(this.issueDatas.state==5){
   this.isDisabled=true;
  }
 }
}

当状态为5的时候就能让select为只读状态

以上这篇vue中动态绑定表单元素的属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于JQuery的日期联动实现代码
Feb 24 Javascript
关于Javascript 对象(object)的prototype
May 09 Javascript
jquery.validate.js插件使用经验记录
Jul 02 Javascript
使用RequireJS优化JavaScript引用代码的方法
Jul 01 Javascript
jquery获得当前html页面源码的方法
Jul 14 Javascript
详解JavaScript中Hash Map映射结构的实现
May 21 Javascript
js编写的treeview使用方法
Nov 11 Javascript
字太多用...代替的方法(两种)
Mar 15 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
使用JS获取页面上的所有标签
Oct 18 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 #Javascript
vue2.0在没有dev-server.js下的本地数据配置方法
Feb 23 #Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 #Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
Feb 23 #Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 #Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 #Javascript
vue 路由页面之间实现用手指进行滑动的方法
Feb 23 #Javascript
You might like
php xml-rpc远程调用
2008/12/19 PHP
Cakephp 执行主要流程
2010/03/24 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
PHP中使用循环实现的金字塔图形
2014/11/08 PHP
ThinkPHP实现非标准名称数据表快速创建模型的方法
2014/11/29 PHP
使用Zttp简化Guzzle 调用
2017/07/02 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
2015/10/04 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
vue 组件中添加样式不生效的解决方法
2018/07/06 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
[03:05]DOTA2英雄基础教程 嗜血狂魔
2013/12/10 DOTA
python解决js文件utf-8编码乱码问题(推荐)
2018/05/02 Python
python3实现指定目录下文件sha256及文件大小统计
2019/02/25 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
推荐10个HTML5响应式框架
2016/02/25 HTML / CSS
校园新闻广播稿
2014/01/10 职场文书
2014基层党员干部学习全国两会心得体会
2014/03/17 职场文书
投资合作协议书
2014/04/17 职场文书
服务整改报告
2014/11/06 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
郭明义观后感
2015/06/08 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers