计算机网络/计算机科学与应用/系统/运维/开发

v-model结合select类型的使用


<div id="app">

<!-- 1、选择1个 -->

<select name="abc"  v-model="fruit">

<option value="苹果" >苹果</option>

<option value="香蕉" >香蕉</option>

<option value="梨子" >梨子</option>

<option value="菠萝" >菠萝</option>

</select>

<h2>您选择的是:{{fruit}}</h2>


<!-- 2、选择多个 -->

<select name="abc"  v-model="fruits" multiple>

<option value="苹果" >苹果</option>

<option value="香蕉" >香蕉</option>

<option value="梨子" >梨子</option>

<option value="菠萝" >菠萝</option>

</select>

<h2>您选择的是:{{fruits}}</h2>

</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<script type="text/javascript">

let app = new Vue({

el:"#app",

data:{

fruit:'香蕉',

fruits:[]

}

})

</script>


所有的努力,不是为了让别人觉得你了不起,而是为了能让自己打心眼里看得起自己。

评论

^