<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!--選擇一個 與value值進行綁定-->
<select name="abc" id="" v-model="fruit">
<option value="蘋果1" >蘋果1</option>
<option value="蘋果2" >蘋果2</option>
<option value="蘋果3" >蘋果3</option>
<option value="蘋果4" >蘋果4</option>
<option value="蘋果5" >蘋果5</option>
</select>
<br>
<select name="abc" v-model="fruits" multiple>
<option value="蘋果1" >蘋果1</option>
<option value="蘋果2" >蘋果2</option>
<option value="蘋果3" >蘋果3</option>
<option value="蘋果4" >蘋果4</option>
<option value="蘋果5" >蘋果5</option>
</select>
<h2>{{fruits}}</h2>
</div>
<script src="vue.js"></script>
<script>
const app=new Vue({
el:'#app',
data:{
fruit:"蘋果3",
fruits:[]
},
methods:{
}
})
</script>
</body>
</html>
select 和v-model
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。