代码
<label for="">职业</label><br>
<select v-model="msg.job">
<option v-for="item in jobs">
{{item}}
</option>
</select>
下面加个监听msg.job的值的代码
<p>{{msg.job}}</p>
关键在于<select v-model="msg.job">
,加了之后,你选什么,值就为什么。
在checkbox中同理,不同的是因为是多选,你可以定义一个数组,把值放进去即可。点一个Checkbox,数组多一个值。
效果如图: