vue中select默认选中

Z时代
2024-01-10
分类：综合

vue

  <div id="app">
        <!-- 选择一个 -->
        <select name="abc" id="" v-model="fruits">
            <option  value="" >请选择</option>
            <option value="苹果">苹果</option>
            <option value="香蕉">香蕉</option>
            <option value="梨子">梨子</option>
            <option value="葡萄">葡萄</option>
        </select>
        <h2>你说选择的是:{{fruits}}</h2>
        <!-- 选择多个 -->
        <select name="abc" id="" v-model="fruitss" multiple>
        <option value="苹果">苹果</option>
        <option value="香蕉">香蕉</option>
        <option value="梨子">梨子</option>
        <option value="葡萄">葡萄</option>
    </select>
        <h2>你说选择的是:{{fruitss}}</h2>
    </div>
</body>
<script>
    const app = new Vue({
        el: "#app",
        data() {
            return {
                fruits: "",
                fruitss: []
            }
        },
    })
</script>