vxe table使用遇到的問題

2021-10-10 05:11:08 字數 2905 閱讀 4671

專案中用到了vxe-table,昨天在用的時候遇到了一些問題,這裡總結一下。

專案中有這樣一段**:

ref=

"xtable"

border

:data

="tabledata"

@toggle-row-expand

="toggleexpandchangeevent"

>

prop

="name"

label

="姓名"

>

vxe-table-column

>

prop

="***"

label

="性別"

>

vxe-table-column

>

prop

="age"

label

="年齡"

>

vxe-table-column

>

vxe-table

>

結果執行的時候控制台出現警告,說proplabel已經棄用,應該使用fieldtitle。看了下文件,原來文件不是最新的,導致還是一些舊的屬性。更換屬性名之後再次執行就正常了。

ref=

"xtable"

border

:data

="tabledata"

@toggle-row-expand

="toggleexpandchangeevent"

>

field

="name"

title

="姓名"

>

vxe-table-column

>

field

="***"

title

="性別"

>

vxe-table-column

>

field

="age"

title

="年齡"

>

vxe-table-column

>

vxe-table

>

這裡說明一下,element ui中的el-table元件用的字段還是proplabel

專案中還有一段**:

ref=

"xtable"

border

:data

="tabledata"

@toggle-row-expand

="toggleexpandchangeevent"

>

type

="expand"

width

="60"

>

v-slot=""

>

v-for

="(item, index) in row.paths"

:key

="index"

>

>

}div

>

>

}div

>

div>

template

>

vxe-table-column

>

title

="姓名"

>

v-slot=""

>

>

}span

>

template

>

vxe-table-column

>

vxe-table

>

上面的**執行出現警告,提示展開行的插槽應該是content。我們可以看到,上面的**共有兩個字段,都用到了插槽,第乙個欄位的type="expand"代表它是乙個展開行,第二個則是普通行。看了下還是文件太老的原因,把展開行插槽v-slot改為v-slot:content就正常了。

ref=

"xtable"

border

:data

="tabledata"

@toggle-row-expand

="toggleexpandchangeevent"

>

type

="expand"

width

="60"

>

v-slot:content=""

>

v-for

="(item, index) in row.paths"

:key

="index"

>

>

}div

>

>

}div

>

div>

template

>

vxe-table-column

>

title

="姓名"

>

v-slot=""

>

>

}span

>

template

>

vxe-table-column

>

vxe-table

>

這裡再說一下插槽的應用場景,vxe-table欄位預設使用field欄位傳參,但是這樣功能太少,如果希望調整字段樣式,或者插入自定義的圖示等內容,就要使用插槽。

vxe-table 3.x 文件

使用遇到的問題 Mac Pro使用遇到問題

mac os x無法休眠?教你用pmset找出原因。如何重置 mac 上的系統管理控制器 smc mac retina 合蓋後開啟突然黑屏,長按開機鍵無反應?應該是有一次修改了系統設定,解決如下 mac os x中顯示 不顯示隱藏檔案方法 命令列 mac不能複製拷貝寫入檔案到行動硬碟,u盤怎麼辦 n...

CloudFoundry 使用遇到的問題

在部署 使用開源雲平台cloudfoundry 版本為v1 的過程中,遇到了一些問題,通過分析cloudfoundry的實現機制和bosh的結構,在google的幫助下,最終將問題解決,同時對linux也有了進一步的了解。現在將一些問題和解決方案總結出來,與大家一起分享。一 vcenter故障排除 ...

使用mysql遇到的問題

1.幻讀。很多書和blog都提到mysql 的 tx isolate 事務隔離 為repeatable read.並且mysql做了next key lock的事情防止幻讀。但是如果你直接在事務中使用 select from table 這還是會有幻讀發生。只有你在select語句中加入鎖才能防止幻...