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>

Logo

前往低代码交流专区

更多推荐