admin管理员组文章数量:1566617
vue的watch中的immediate什么意思
$watch() 监听某个值(双向数据绑定)的变化, 一旦发生变化, 就调用引号里的方法, 从而达到change事件监听的效果.
它的值包括选项的对象,选项对象有
- handler: 其值是一个回调函数, 即监听到变化时应该执行的函数
- deep: 其值是true或false, 确认是否深入监听.(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到)
- *immediate: 其值是true或false,确认是否以当前的初始值执行handler的函数.
immediate:true; 立即执行,当刷新页面时会立即执行一次handler函数
使用场景:
不加immediate:true; 在tab切换时,你已经选中了2-1,当你刷新页面时,选项会回到默认位置1-1
加immediate:true; 在tab切换时,你已经选中了2-1,当你刷新页面时,选项仍在2-1的位置
watch: {
$route: {
// 监听路由参数
handler(){
const {classify} = this.$route.query;
if(classify){
this.classifyName = classify[0]; //一级和二级的绑定
this.classifyType = classify;
this.getMenus();
}
},
immediate:true, //立即执行
}
},
版权声明:本文标题:vue的watch中的immediate什么意思 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1725429866a1022783.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论