vue监听器报错 只接受简单的点分隔路径。 要完全控制,请改用函数

监听对象中的属性,我们一般这样写

watch: {
    'obj.a' (val, oldVal) {
        ...your code
    }
}

对于对象中复杂的字符串监听,比如form.zh-CN这种怎么办?如果还用之前的那种监听方式,可能会报下诉错误
Failed watching path: “XXXXX” Watcher only accepts simple dot-delimited paths. For full control, use a function instead.
意思是说,只接受简单的点分隔路径。 要完全控制,请改用函数。
那么问题来了,如何改写成函数形式?方法如下:

created () {
     this.$watch(
        function () {  // 第一个函数就是处理你要监听的属性,只要将其return出去就行
            return this.form['zh-CN']
        },
        function (val, oldVal) {
            ... your code
        }
    )
}

作者:whh666

出处:https://www.cnblogs.com/whh666/p/16442313.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   资深if-else侠  阅读(2611)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
more_horiz
keyboard_arrow_up light_mode palette
选择主题
点击右上角即可分享
微信分享提示