vue後端獲取的資料無法進行雙向資料繫結

2022-09-07 12:30:11 字數 368 閱讀 1482

最近有個商品上架/下架的需求,用的是element-ui的乙個元件,該元件類似於乙個左右滑動的開關,繫結了乙個預設的check屬性

在頁面載入的時候獲取了一整個list陣列物件,然後進行v-for進行渲染,後端是依據status屬性進行對於商品是否上架的狀態判定的,我就將獲取的list迴圈後進行status的判定,然後給每個物件加乙個check屬性

但是發現,當繫結到元件上checked='item.checked'的時候,點選無法改變屬性

問題就在於:不在data宣告的屬性(即使是從後端獲取過來賦值到data)無法進行雙向資料繫結

解決辦法就是:在點選這個的時候進行乙個請求傳送,後端改變該狀態,之後重新進行資料請求,就完成了視覺上的點選之後資料就改變的效果

vue 獲取後端資料列印結果undefined問題

今天做專案時後端有乙個要展示到頁面上的附件需要前端獲取,我獲取到了那個附件的資訊,但列印fj.name或fj.url時控制台就會顯示undefined,後來才發現是json資料沒有解析對,應該使用json.parse來從字串裡解析出json物件 this.init.fj json.parse res...

vue使用axios獲取後端資料並展示

1.後端python django 獲取到的資料型別為字串 str host list json json.loads host list json 將字串資料轉成json型別 2.前端html vue doctype html html lang en head meta charset utf ...

vue 實現從後端獲取資料渲染選擇框

前端環境 vue 使用的vue 元件 iview 後端專案框架 beego 實現功能 從資料庫中讀取資料繫結到選擇選單欄 前端定義請求的路由位址 檔案 src api demands.js 獲取集群列表 export const getclusterlist vue頁面demo 匯入在外部定義的ap...