首頁猿問 VUE中如何提交所選項的內容？

VUE中如何提交所選項的內容？

JavaScript

慕田峪9158850 2019-05-11 17:07:58

我用v-for循環出來個10個li標簽，li的文字不同，{{i}}選擇其中2個，然后點擊提交怎么把選中的2個文字提交出來？以前用jquery操作dom，可以把選中的li獲取$(this).text()

查看完整描述

2 回答

月關寶盒

TA貢獻1772條經驗獲得超5個贊

要明白，Vue是數據驅動。newVue({el:'#app',data:{list:[1,2,3],checkedList:[],},methods:{liFocus(i){console.log(i);//如果要選中其中兩個，可以用數組來存儲。//如果沒有就pushif(this.checkedList.indexOf(i)===-1){this.checkedList.push(i);}//就是你需要的文字集合console.log(this.checkedList);},},})建議有空多看看Vue的官方文檔，配合例子練習，加深數據驅動印象。

反對回復 2019-05-11

12345678_0001

TA貢獻1802條經驗獲得超5個贊

要獲取點中元素有兩種思路：其一是跟jquery的道理一樣，jquery是通過事件對象來獲取DOM屬性，$(this)包裝了本次事件對象相應的DOM節點，使用封裝了的方法獲取屬性；vue也有事件對象，在事件處理函數里顯式注入$event,即liFocus($event),獲取原生的事件對象包含的DOM節點e.target，使用原生方法獲取屬性。其二是因為vue有自己的模板語法，所以在循環結構內是可以直接使用在循環里聲明的i變量，可以把它作為參數直接傳入事件監聽函數里liFocus(i),在函數內部可以訪問這個變量再進行存儲，這樣就不需要事件對象了，也省去了DOM操作。

反對回復 2019-05-11

2 回答
0 關注
814 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

VUE中如何提交所選項的內容？

VUE中如何提交所選項的內容？

2 回答

添加回答

VUE中如何提交所選項的內容？

VUE中如何提交所選項的內容？