vue.js关于动态绑定数据
最近在写vue的时候发现一个问题。在后台传过来的一个数组需要给页面进行渲染。需要为每个<li>标签吧绑定一个点击事件,这个点击事件需要取这个<li>标签的name属性的值,然后再进行页面的跳转,如何给name赋值呢,刚开始如上图写的,{{template.voteId}},发现是错误的,{{}}是用在文本插值的,绑定属性不能这么写,需要使用v
·
最近在写vue的时候发现一个问题。
在后台传过来的一个数组需要给页面进行渲染。
需要为每个<li>标签吧绑定一个点击事件,这个点击事件需要取这个<li>标签的name属性的值,然后再进行页面的跳转,如何给name赋值呢,刚开始如上图写的,{{template.voteId}},发现是错误的,{{}}是用在文本插值的,绑定属性不能这么写,需要使用v-bind命令
这样审查元素后发现已经能够正常绑定了,li标签的name属性也被赋值了。点击事件也绑好了
但在获取name的值时无法获取到
this对象未定义,后来发现这个方法是定义在vue中的,vue里面获取当前点击事件的对象不是this,而应该用传入$event,在方法里用event.currentTarget获取当前对象;
但根据当前对象使用.name获取值发现无法取到。。name=undefined,很奇怪,有待研究
最后通过这样处理解决
li里面多加了一个div,把值赋给了div,通过li拿到div的值
更多推荐
已为社区贡献4条内容
所有评论(0)