這篇文章主要為大家展示了“基于Vue支持?jǐn)?shù)據(jù)雙向綁定的select組件怎么用”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“基于Vue支持?jǐn)?shù)據(jù)雙向綁定的select組件怎么用”這篇文章吧。
使用方法:
引入組件:
import VueSelect from '../components/VueSelect'
注冊(cè)組件
export default { components: { VueSelect } }
使用組件
options:選擇項(xiàng)列表;
name:選擇項(xiàng)列表中選擇項(xiàng)名稱(chēng)的屬性名;
value:選擇項(xiàng)列表中選擇項(xiàng)的值的屬性名;
v-model:對(duì)應(yīng)雙向綁定的選中后的值;
@change:選擇發(fā)生改變后觸發(fā)事件,回調(diào)參數(shù):當(dāng)前選項(xiàng)。
DEMO:
以上是“基于Vue支持?jǐn)?shù)據(jù)雙向綁定的select組件怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!