1. 程式人生 > >vue.js關於動態繫結資料

vue.js關於動態繫結資料

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