Vue2 多选框模板代码生成器 - 纯源码示例 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>多选框生成Vue2模板代码</title>
	<script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script>
</head>
<body>
	<div id='app'>
		<label v-for='(option, index) in options' :key='index'>
			<input type='checkbox' :value='option.value' v-model='checkedValues'> {{option.label}}
		</label>
		<p>已选中的值：{{checkedValues}}</p>
	</div>
<pre><code>&lt;script&gt;
	new Vue({
		el: '#app',
		data: {
			options: [
				{ label: '选项1', value: 'value1' },
				{ label: '选项2', value: 'value2' },
				{ label: '选项3', value: 'value3' },
				{ label: '选项4', value: 'value4' }
			],
			checkedValues: []
		}
	});
&lt;/script&gt;
</code></pre>
</body>
</html>