vue中给控件属性赋值
2019-08-05 15:42
134 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43938408/article/details/98491920
关键代码::id=“item.id”
本例将遍历元素的id赋值到控件的id属性中
<div class="fun-item border-bottom" @click='siwtchBtn' :id="item.id" v-if="item.message_type==2" v-for="(item,index) in vipType"> <div class="left">{{ item.message }}<span class="gray">{{ item.message_push_describe }}</span></div> <div class="right"><input type="checkbox" checked="checked" class="switch" @click.stop></div> </div>
取出控件中的id值
// 外层点击也选中switch siwtchBtn :function(event){ event.currentTarget.querySelector('.switch').click(); var Id=event.currentTarget.id;//取出控件中id的值 }
相关文章推荐
- 对用户控件(ascx)属性(property)赋值
- SliverLight 控件属性的赋值方式
- Vue用v-for给src属性赋值
- 对用户控件(ascx)属性(property)赋值
- 写hmtl代码时为控件的属性赋值(=)时双引号不会自动跳上来的设置
- 理解vue赋值新属性
- 给控件属性,动态运行时赋值
- Vue用v-for给src属性赋值的方法
- 只有Class属性如何对日历控件赋值
- 按控件实例名称及其属性名称实现动态赋值
- vue.js基础知识篇(3):计算属性、表单控件绑定
- 对用户控件(ascx)属性(property)赋值
- 对启用了ReadOnly属性的WebEdit控件无法使用Set方法赋值的处理办法
- 根据控件名、属性名进行取值和赋值
- WinForms-指定控件自定义属性不可用代码生成器赋值
- Android基础控件——TextView的跑马灯效果、变量赋值、字体属性、超链接、Activity跳转、字体加粗、自定义字体
- Vue用v-bind给标签属性赋值 src, href...
- php +mysql 查询要修改的记录并把属性赋值给表单控件
- 按控件实例名称及其属性名称实现动态赋值
- C# 含runat="server"属性 select控件的value和text赋值(实际值和显示文本)