vue_select單選與複選
阿新 • • 發佈:2021-10-15
原始碼:
把最實用的經驗,分享給最需要的讀者,希望每一位來訪的朋友都能有所收穫!<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-model結合select型別</title> </head> <body> <div id="app"> <!-- 選擇一個--> <select name="fruits" id="" v-model="mySelect"> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橘子</option> </select> <p>您Prefect Fruits is :{{mySelect}}</p> <!-- <!– 選擇多個–> <select name="" id="" v-model="mySelects" multiple> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橘子</option> </select> <p>您Prefect Fruits is :{{mySelects}}</p>--> </div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { message: '你好啊', mySelect:'apple', // mySelects:'', } }) </script> </body> </html>