最近在写vue的时候发现一个问题。

在后台传过来的一个数组需要给页面进行渲染。

vue.js关于动态绑定数据

需要为每个<li>标签吧绑定一个点击事件,这个点击事件需要取这个<li>标签的name属性的值,然后再进行页面的跳转,如何给name赋值呢,刚开始如上图写的,{{template.voteId}},发现是错误的,{{}}是用在文本插值的,绑定属性不能这么写,需要使用v-bind命令

vue.js关于动态绑定数据

这样审查元素后发现已经能够正常绑定了,li标签的name属性也被赋值了。点击事件也绑好了

vue.js关于动态绑定数据

vue.js关于动态绑定数据

但在获取name的值时无法获取到

vue.js关于动态绑定数据

this对象未定义,后来发现这个方法是定义在vue中的,vue里面获取当前点击事件的对象不是this,而应该用传入$event,在方法里用event.currentTarget获取当前对象;

vue.js关于动态绑定数据

但根据当前对象使用.name获取值发现无法取到。。name=undefined,很奇怪,有待研究

最后通过这样处理解决

vue.js关于动态绑定数据

vue.js关于动态绑定数据

li里面多加了一个div,把值赋给了div,通过li拿到div的值

相关文章:

  • 2022-01-17
  • 2021-11-29
  • 2021-09-24
  • 2021-08-16
  • 2019-12-16
  • 2021-06-11
  • 2021-11-18
  • 2021-09-08
猜你喜欢
  • 2021-12-06
  • 2021-12-16
  • 2019-06-27
  • 2021-04-09
  • 2022-01-07
  • 2021-08-15
  • 2019-09-27
相关资源
相似解决方案