如何利用VueJS創建動態的下拉框並綁定數據源

第壹步，在HBuilder編輯工具新建HTML5空白頁面select.html，並引入VueJS核心js文件，如下圖所示：

第二步，在body標簽元素內插入div和select，註意給指定標簽元素id屬性值，如下圖所示：

第三步，在div下方編寫生成下拉框的數據源和綁定元素，下拉框有value和text，如下圖所示：

第四步，預覽該靜態頁面，發現下拉框什麽都沒有；打開瀏覽器控制臺發現出現錯誤，如下圖所示：

第五步，修改option標簽數據綁定形式，利用v-bind，將js代碼中的sel改為data，如下圖所示：

6

第六步，再次預覽該靜態頁面，發現下拉框數據源正確綁定，可以選擇

上一篇:手機制作QQ透明頭像

下一篇:壹個開發板和壹臺電腦可以做485通信實驗嗎？