select multiple复选框的写法

仉嘉泽
2023-12-01
<!DOCTYPE html>
<html>
	<div id="app">
        <select v-model="searches" multiple>
            <option v-for="option in options" :value="option.value">{{ option.text }}</option>
        </select>
	</div>
	
	<script src="https://unpkg.com/vue@next"></script>
    <script>
        const app = Vue.createApp({
            data() {
                return {
                    searches: [],
                    options: [
                        {text: '百度', value: 'baidu.com'},
                        {text: '谷歌', value: 'google.com'},
                        {text: '必应', value: 'bing.com'},
                    ]
                }
            }
}).mount('#app')
 
</script>
</html>




 类似资料: