vue v-model 与 select 的连用

最新推荐文章于 2024-01-22 16:53:51 发布

Ranx3

最新推荐文章于 2024-01-22 16:53:51 发布

阅读量1.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41472891/article/details/108609444

版权

前端专栏收录该内容

37 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		
		<div id = "app">
			<select name="abc" id="" v-model="n">
				<option value="吉吉" >吉吉</option>
				<option value="哇哇" >哇哇</option>
				<option value="卡卡" >卡卡</option>
			</select>
			<h1>{{n}}</h1>
			
			<select name="a"  v-model="b" multiple>
				<option value="色痞" >色痞</option>
				<option value="傻屌" >傻屌</option>
				<option value="智障" >智障</option>
			</select>
			<h1>印精是啥{{b}}</h1>
		</div>
		<script>
			const app = new Vue({
				el:'#app',
				data:{
					n:'吉吉',
					b:[]
				}
			})
		</script>
	</body>
</html>