<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/vue.min.js"></script>
</head>
<body>
<div id="app">
性别:
<input type="radio" value="男" v-model="result">男
<input type="radio" value="女" v-model="result">女
<br>
你选择的是:{{result}}
<p></p>
<select v-model="result2">
<option value="" disabled>==请选择==</option>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<br>
你选择的是:{{result2}}
</div>
<script>
var vm = new Vue({
el: '#app',
data:{
result: '',
result2: ''
}
})
</script>
</body>
</html>
vue练习demo5-(v-model)
最新推荐文章于 2023-04-02 19:02:12 发布