最近在忙比赛，天天很晚才看录播课，感觉好伤，感觉跟不上其他人的节奏了。作业也没时间考虑CSS了，凑合着看吧，等比赛忙完再好好复习复习！Vue是个好东西啊！
初始效果图：
运行后：
因为比较简短，所以HTML+JS就放在一起了！
<!DOCTYPE html>
<html>
<head>
<title>Vue-selectDemo.html</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" href="index.css">
<script type="text/javascript" src="vue.js"></script>
</head>
<body>
<div id="myselect">
前端小白型号：<br>
{{Keyname}}:
<select v-model="Keyname">
<option v-for="item in selectlist" v-bind:value="item.key" >{{item.value}}</option>
</select>
</div>
<script>
new Vue({
el: '#myselect',
data: {
Keyname: 'Key值',
selectlist: [{
key: '1', value: '我是小白一号'
}, {
key: '2', value: '我是小白二号'
}]
}
});
</script>
</body>
</html>
1391
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
