這篇文章主要為大家展示了“基于Vue支持?jǐn)?shù)據(jù)雙向綁定的select組件怎么用”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“基于Vue支持?jǐn)?shù)據(jù)雙向綁定的select組件怎么用”這篇文章吧。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),工農(nóng)企業(yè)網(wǎng)站建設(shè),工農(nóng)品牌網(wǎng)站建設(shè),網(wǎng)站定制,工農(nóng)網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,工農(nóng)網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。使用方法:
引入組件:
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è)資訊頻道!