效果图:
核心代码如下:
<body>
<div id="app">
<select name="myCity" v-model="city">
<option value="杭州">杭州</option>
<option value="宁波">宁波</option>
<option value="温州">温州</option>
<option value="绍兴">绍兴</option>
</select>
<h2>您选择的城市是:{{city}}</h2>
<select name="mlCity" v-model="cityss" multiple>
<option value="杭州">杭州</option>
<option value="宁波">宁波</option>
<option value="温州">温州</option>
<option value="绍兴">绍兴</option>
</select>
<h2>您选择的城市是:{{cityss}}</h2>
</div>
<script src="../Vue_js/vue.js"></script>
<script>
const app = new Vue ({
el: '#app',
data: {
message: 'vue模板',
city: '杭州',
cityss: [],
},
methods: {
},
})
</script>
</body>