Vue 框架 使用 `:disabled` 屬性修改了原響應引數

WayneJ發表於2018-11-15
Vue框架

再寫前端頁面時，用了一下程式碼判斷：

<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 協議》，轉載必須註明作者和本文連結

Wayne

相關文章