<!DOCTYPE html>
<html>
<head>
	<title>Vue.js Checkbox Example</title>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
	<div id="app">
		<h2>Vue.js Checkbox Example</h2>
		<label v-for="(item, index) in items" :key="index">
			<input type="checkbox" v-model="checkedItems" :value="item">
			{{ item }}
		</label>
		<p>Checked items: {{ checkedItems }}</p>
	</div>
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				items: ['Item 1', 'Item 2', 'Item 3', 'Item 4'],
				checkedItems: []
			}
		});
	</script>
</body>
</html>
用html框架插入多选框生成vue2格式template这种的代码无需任何文字说明只要源码即可

原文地址: https://www.cveoy.top/t/topic/89u 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录