在做檔案上傳之後,回顯的時候,**的標題需要用下拉框做自定義對映。
效果如下:
第一步: 在 需要下拉框的 el-table-comlum 中新增:render-header="modelrenderlastheader"
border
ref=
"filetable"
class
="table-reset"
align
="center"
style
="margin-bottom
: 20px;
" :data
="cellsdatalistfive"
>
v-for
="(item, index, key) in cellsdatatitle"
width
="150px"
:key
="index"
:prop
="index"
:label
="item"
:render-header
="modelrenderlastheader"
>
el-table-column
>
el-table
>
第二步: 寫 modelrenderlastheader 函式,接收兩個個值,第二個值為乙個物件
// 彈窗自定義表頭函式
modelrenderlastheader
(h,),[
// 新增span 標籤,放展示內容h(
'span',}
,column.label)
,// 新增el-select 標籤h(
'el-select',}
, props:}}
,[//給當前 el-select 設定 el-option
titlelist.
map(item=>})
})])])}
el table 自定義表頭輸入框異常
先說答案 slot scope scope 必須寫,不然出問題。問題是在這樣的,我在elementui官網查閱 資料的時候,看到 的表頭可以自定義,於是我就想和官網一樣,在操作欄新增乙個搜尋的輸入框,用來搜尋表中的內容。下面是官網的例子 然後我就把示例 搬了過去,因為搜尋的時候用不到slot sco...
jqGrid之自定義下拉框
目的 使用者表中的負責人,做成下拉框模式,下拉框的選項為負責人中的資料。1.首先js獲取負責人資料 陣列格式 var g ary var g fpid null function sys listbackuserajaxpcfor success function data 設定下拉選項 forma...
Vue elementUI下拉框自定義顏色選擇器
二 父元件使用步驟 話不多說,直接上 ref colorselect placeholder v model mycolor style width 100 change handlechange v for item in colorlist key item label value item v...