VUE / JavaScript变量的奇怪问题

Question

老实说，我什至不知道如何搜索这个问题（要编写什么搜索参数），但无论哪种方式，它都很奇怪，我迫切希望寻求帮助。

因此，我正在尝试做一些简单的事情，事件发送“ form-change” ，当它做到时，我们将“ this.data”的新值设置为“ this.data” 对象。相当简单。我不希望 this.data 我只想更新它。

// Find our data object which we want to update/change
if (form.field.includes('.')) {

    let find = form.field.split('.'), level = this.data;
    for (let index = 0; index < find.length; index++) {

        if (level[find[index]] !== undefined) {

            level = level[find[index]];

        } else {

            level = undefined;

        }

    }

    if (level !== undefined)
        level = setFieldData();

}

这很简单，我们有字段“ ixply.book” 的名称（事件）时，我们只使用dots将dots分为多树并更新“ this.data.insprect。预订“ 新价值。但是它行不通。值不会改变。

实际上来自实际的值。

console.log(level);

，

this.data[ form.field.split( '.' )[ 0 ] ][ form.field.split( '.' )[ 1 ] ] = setFieldData();

但是 因此，“引用”变量不起作用...这是怎么可能的？看起来像JavaScript中的错误，还是具有VUE/反应性的东西？

有人有更好的主意如何使它工作吗？

Answer 1

因此，您正在尝试使用符号更新表单数据？

我会做这样的事情：

_update(fieldName, value) {
            // We split segments using dot notation (.)
            let segments = fieldName.split(".");

            // We get the last one
            let lastSegment = segments.pop();

            // We start with this.data as root
            let current = this.data

            if(current) {
                // We update current by going down each segment
                segments.forEach((segment) => {
                    current = current[segment];
                });

                // We update the last segment once we are down the correct depth
                current[lastSegment] = val;
            }
        },

如果以您的示例为例：

if (form.field.includes('.')) {

    let find = form.field.split('.'), level = this.data;
    for (let index = 0; index < find.length - 1; index++) {

        if (level[find[index]] !== undefined) {

            level = level[find[index]];

        } else {

            level = undefined;

        }

    }

    if (level !== undefined)
        level[find.pop()] = setFieldData();

}

我替换find.length by find.length -1
并替换level = setFieldData（） by lats [find.pop（）] = setFieldData（）

您应该更新对象的属性，而无需实际覆盖值，
因为如果您覆盖值，则原始值将不会更新。