ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue watch监听的问题

2021-03-16 12:34:04  阅读:167  来源: 互联网

标签:vue 更改 watch else newVal 监听 页面


先描述问题:

我要监听店铺名跟选择头像是否发生了变化,意思是我有没有做更改,比如现在是店小网 如果我改为店小王,或者我选择第一张图片 我下面的提交按钮就应该能点击 否则就处于不能点击状态

因为要监听两个值,所以搭配计算属性,然后我这么写watch,无论如何都达不到效果即使我把imediate开启true和false都不行,

后来一顿查找还问了我姐夫,说是不是别的地方写错了,于是去找找,发现我在created中调取了后台接口

给店铺名赋值了,也就是页面一进来就监听到了数据更改了,

这是watch打印的结果,我原本以为,我没做数据更改就不会有newVal,所以watch里if(newVal)这么判断,但是没用根本不会走else里,

也就是说页面一加载即使我没做任何操作,created里赋值了,其实已经数据更改了,watch也就触发了,可这不是我想要的结果,我想要的是页面一加载 我没手动做数据变化,就不能点击按钮,按钮应该处于不可点击状态,但现在是我没做操作也发生了数据的更改,怎么办呢,

看其他的人的博客还有$watch这个玩意,于是我在created里在操作,

下面是打印的结果,一样拿到了newVal,所以我就把第一次的newVal保存起来,在监听里判断if(oldVal==this.test){}else{}这样页面一进来走的是else 后续数据变化走if,

感慨太菜了,只能用这种方式,我很想知道是不是有其他方式。不知你们能否看懂没。如果有其他的方式,真心希望你们不吝赐教,万分万分感谢。

 

标签:vue,更改,watch,else,newVal,监听,页面
来源: https://www.cnblogs.com/pfybk/p/14542799.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有