本文主要介紹elementui表包(封裝元素ui的表組件)，下面一起看看elementui表包(封裝元素ui的表組件)相關(guān)資訊。
在簡單包和數(shù)據(jù)組件文件夾下添加一個vtable.vue文件，內(nèi)容如下
模板el-table : data = tabl:百分百 el-表格-列v-for = 列中的項目:prop = 道具 : label = item.label : key = 道具 /el-table-column/el-table/template script export default { name : vtabl:{ //接收列columnes: { type :數(shù)組，default :=[]}，//接收數(shù)據(jù)表data : { type : array，default :=[]}，home.vue頁面中使用data{ return { }/script style/style。
模板div class = 家庭與娛樂img alt = vue標(biāo)志 src = ../assets/logo . png vtable : columns = 專欄和雜志: tabledata = tabledata / vtable /div/templatescript// @是來自 @/compon: ;家庭與娛樂。;，data{ return{ //列數(shù)據(jù)columnescho 0-@ .com[{ label: 和;,prop: 姓名和名稱，prop: 姓名和名稱}，{ label: 地址 ，prop: 地址 }]，//數(shù)據(jù)內(nèi)容tabl:[{ date: ;2016年5月2日 ，name : ;王小虎 ，address : ;普陀區(qū)江路1518弄。;}，{ date: ;2016年5月4日 ，name : ;王小虎 ，address : ;普陀區(qū)江路1517弄。;}，{ date: ;2016年5月1日 ，name : ;王小虎 ，address : ;普陀區(qū)江路1519弄。;}，{ date: ;2016年5月3日 ，name : ;王小虎 ，address : ;上海市普陀區(qū)江路1516弄。;}}}}，compon: { vtable } }/script ;簡單的分包裝在這里。
標(biāo)簽:
江普陀區(qū)
了解更多elementui表包(封裝元素ui的表組件)相關(guān)內(nèi)容請關(guān)注本站點。