vue中使用select实现多选
<html><head><script src='js/vue.js'></script></head><body><div id="example"><select v
·
<html>
<head>
<script src='js/vue.js'></script>
</head>
<body>
<div id="example">
<select v-model='workplaces' multiple>
<option v-for='city in cities' :value='city.value'>
{{ city.text }}
</option>
</select>
<p>workplace: {{ workplaces.join('|') }}</p>
</div>
</body>
<script type='text/javascript'>
new Vue({
el: '#example',
data: {
cities: [
{text: '西安', value: '西安'},
{text: '洛阳', value: '洛阳'},
{text: '南京', value: '南京'},
{text: '北京', value: '北京'}
],
workplaces: []
}
});
</script>
</html>
<head>
<script src='js/vue.js'></script>
</head>
<body>
<div id="example">
<select v-model='workplaces' multiple>
<option v-for='city in cities' :value='city.value'>
{{ city.text }}
</option>
</select>
<p>workplace: {{ workplaces.join('|') }}</p>
</div>
</body>
<script type='text/javascript'>
new Vue({
el: '#example',
data: {
cities: [
{text: '西安', value: '西安'},
{text: '洛阳', value: '洛阳'},
{text: '南京', value: '南京'},
{text: '北京', value: '北京'}
],
workplaces: []
}
});
</script>
</html>
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献7条内容
所有评论(0)