Vue 框架 使用 `:disabled` 属性修改了原响应参数

再写前端页面时，用了一下代码判断：

<button type="button" class="btn btn-primary" :disabled="x.status != 0">审核</button>

console.log() ajax 请求响应的参数发现 x.status的值变为了 true ，似乎时因为框架会自动标准化属性值的参数，:disabled 属性在这里标准值为布尔型，所以就被转换为 true 了。vue.js 脚本里

.
.
.
success: (res) => {
    console.log(res)
    if (res.status == 200) {
        this.x = res.data
        .
        .
        .

this.x = res.data 是直接引用对象 res ，所以改的就是原对象的值，导致前端 :disabled 属性不能正确判断。

参考连接：
JSON.parse(JSON.stringfy()) 进行深拷贝方法小结

本作品采用《CC 协议》，转载必须注明作者和本文链接