本文目录
使用vue设置disabled属性
在写项目的时候,由于save和update方法使用了同一个界面,在保存的时候下拉框可选,在修改的时候下拉框不可选 实现方法 v-bind:disabled="dataForm.trainName!=0"
vue判断是否禁用按钮
1、打开html开发工具,新建一个html 代码页面。
2、在新建的html代码页面创建一个《ul》标签同时给这个标签设置一个id为app,然后在《ul》里创建一个《li》标签。
3、引入vue.js。在《body》结束标签前面引入下载好的vue.js文件。
4、创建vue实例。在引入的vue.js文件后面新建一个《script》标签,然后在这个标签里使用new Vue()创建vue实例,并设置一个数组为 sites。
5、使用v-for循环。在《li》标签上添加 v-for="site in sites",然后使用{{site.name}}进行遍历数组的打印。
6、保存html代码后使用浏览器打开,即可看到浏览器页面上打印出用户名,表示vue的循环遍历已经使用成功。
Vue中定义的属性名和方法名成可以相同吗
不可以的,例如data中的一个属性是run:‘99米’,methods里的一个方法是run() { console.log(’i like running’)}调用this.run()时会报错this.run is not a function ,因为属性run覆盖了方法run。
Vue+elementui防止重复提交
解决办法:elementui的组件中提交按钮的disabled属性,通过禁用按钮来防止重复提交 1、定义变量 2、在按钮处设置属性 3、在method方法中设置是否禁用 a、向后台发送请求前,设置isDisabled=true禁用提交按钮 b、在请求返回数据或请求失败的反馈后,设置isDisabled=false取消禁用提交按钮
vue动态控制子组件禁用
this.disabled=true。新增的时候可以输入,修改的时候就把输入框禁用,此时就需要通过控制input标签的disabled属性来实现,vue是动态设置input输入框的disabled属性的方式,在你想禁用的条件下,写上:this.disabled=true即可。