vue中watch在页面初始化或刷新时不执行回调

场景：在.vue文件的props中的某值用watch监听了，因为做了监听，所以没有在比如created、mounted等生命周期对此值做操作，但是实际上在初始化此页面时，监听没有生效。之后我加了immediate:true, 页面初始化时就执行了下面是一个例子，在哪个位置加immediate:true,watch: {字段: {// 值发生变化时的回调函数handler(){//......},

胖墩的IT

2949人浏览 · 2021-08-23 00:26:27

胖墩的IT · 2021-08-23 00:26:27 发布

场景：在.vue文件的props中的某值用watch监听了，因为做了监听，所以没有在比如created、mounted等生命周期对此值做操作，但是实际上在初始化此页面时，监听没有生效。

之后我加了immediate:true, 页面初始化时就执行了
下面是一个例子，在哪个位置加immediate:true,

watch: {
    字段: {
         // 值发生变化时的回调函数
         handler(){
         //......
         },
         immediate:true, //立即执行
     }
 },

其实immediate:true 代表立即执行,当刷新页面或者此页面初始化时会立即执行一次handler函数

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^