Javascript 如何在页面完成加载后启用禁用的输入字段-Vuejs

在vuejs中，如何在页面完成加载时将输入字段声明为不禁用

我对vuejs和JavaScript非常陌生

下面是一个粗略的想法-请告诉我正确的方向

文件：

图表标题：
方法：{
isDisabled（）{
如果（document.readyState==='complete'）
返回this.data_chartTitle.validated==1；
}  
}

您的语法不正确，需要将

:disabled=isDisabled

替换为

：disabled=“isDisabled（）”

您也可以使用。每次更改

数据\u chartTitle

时，观察者的处理程序都将执行

deep:true

表示观察者观察对象的每个子属性

<input :disabled="disabled" id="ChartTitle" name="ChartTitle" type="text" v-model="data_chartTitle"/>

data: {
    return {
        ...
        disabled: true
    }
},
watch: {
    data_chartTitle: {
        handler(val)
            this.disabled = val.validated === 1
        },
        deep: true
    }
}

数据：{
返回{
...
残疾人士：对
}
},
观察：{
数据图表标题：{
处理程序（val）
this.disabled=val.validated==1
},
深：是的
}
}

---

但是，我看到

data\u chartTitle

被用作输入的v模型，这意味着它应该是字符串，但也可以作为方法中的对象。这可能会导致问题。

如果您想隐藏输入，请查看一下，谢谢！非常感谢——马格纳斯buvarp@MagnusBuvarp，你能解释一下为什么会这样吗？因为当页面未完全加载时，

都未禁用：true

，对吗？然后，输入将被启用DVUE在填充DOM之前加载组件，因此根据组件的默认值填充DOM；因此，当加载时，输入将被禁用。我不知道为什么

data\u chartTitle.validated==1

应该意味着输入被禁用，但这就是他所拥有的，所以我只是复制了它。这就是你的意思吗？

<input :disabled="disabled" id="ChartTitle" name="ChartTitle" type="text" v-model="data_chartTitle"/>

data: {
    return {
        ...
        disabled: true
    }
},
watch: {
    data_chartTitle: {
        handler(val)
            this.disabled = val.validated === 1
        },
        deep: true
    }
}