最近在写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的值

Logo

前往低代码交流专区

更多推荐