vue---watch(监听)的基本使用
0. watch:介绍a. 实时监听数据属性的变化,监听数据属性,当其发生改变时,触发相应的动作一. 使用案例(1). 监听select选项框select介绍:v-model绑定的是其option的value,切换value,v-model的值也随之改变a. html<el-select v-model="select_data" placeholder="请选择"><el-op
·
0. watch:介绍
a. 实时监听数据属性的变化,监听数据属性,当其发生改变时,触发相应的动作
一. 使用案例
(1). 监听select选项框
select介绍:
v-model绑定的是其option的value,切换value,v-model的值也随之改变
a. html
<el-select v-model="select_data" placeholder="请选择">
<el-option key="1" label="我是给用户看的" value="我是给后端的值1"></el-option>
<el-option key="2" label="我是给用户看的" value="我是给后端的值2"></el-option>
<el-option key="3" label="我是给用户看的" value="我是给后端的值3"></el-option>
</el-select>
b. js
<script>
export default {
name: "watch_text",
data() {
return {
select_data: 1,
}
},
watch: {
'select_data': function () {
this.$axios.get()
},
},
}
</script>
更多推荐
已为社区贡献22条内容
所有评论(0)