vue + elementUI，在watch中监听form表单中的某个字段，弹出警告。

Question

在watch中监听form表单中的某个字段，弹出警告。之前没有报错，不知道什么原因突然就有了这样的警告，初写vue项目，没弄明白原因，有遇到过的或者知道的大神帮忙指点一下，谢谢！

代码：

watch: {
        // 添加的表单 身份证号15位自动转18位，以及获取性别、出生日期、户籍所在地
        'form.sfzhm': function (val) {
            if (val.length === 15) {
                this.form.sfzhm = cardExchangeIsValid(val);
            } else if (val.length === 18) {
                const flag = val.charAt(val.length - 2) % 2 === 0;
                const birth = `${val.substring(6, 10)}-${val.substring(10, 12)}-${val.substring(12, 14)}`;
                this.form.xb = flag ? '2' : '1';
                this.form.csrq = birth;
                // this.getHjszd();
            }
        }

警告截图：

Answer 1

你的data长什么样

Answer 2

原因是eslint使用规则的问题，添加一行注释即可解决

// 添加的表单 身份证号15位自动转18位，以及获取性别、出生日期、户籍所在地
/* eslint-disable func-names */

Answer 3

正确处理的一个方式？

watch: {
    'form.sfzhm': {
        handler (val) {
            console.log(val)
        }
    }
}