不知道怎么安裝d2admin的可以看一下這篇文章=》如何在本地環境中安裝并運行DVAdmin。
今天項目有一個新需求,需要增加一個選項,選項要求必須多選。眾所周知,element的選擇器Select 的value的數值必須一個數組,但是,后端要求必須是一個字符串,而且,請求表格的數據返回的數據中這一選項的內容也是一個字符串,多選框的value數據類別不對,導致了這一塊表格的內容是個空。
這就需要我們在上傳到后臺前和渲染表格的內容前必須處理一下數據。
下面說一下實現思路。

首先我們配置好value和label,這個就是我們select的內容。必須確認好配置的字段是準確的,否則就算處理好數據也不會顯示。
然后我們看下面兩種方法,這就是我們處理數據的關鍵,valueBuilder這個作用是獲得數據后,渲染表格前執行的,row的內容是循環表格data并返回一行行的數據,每一行對應一條,而valueResolve則是上傳后臺前可以對我們的數據做一些處理。

首先,我們看一下valueBuilder的代碼。

可以看到后端傳給我們的是數字類型的字符串,首先我們使用split將字符串拆分為子字符串數組,然后使用map循環返回一個數字組成的新數組,頁面正常顯示



然后我們再看一下valueResolve的代碼,我們使用toString()方法把數組變為字符串再傳給后端。



上傳正常。
上一篇: Vue3使用響應式數據
下一篇: 如何利用Nvm控制node.js版本



