封裝el table的使用

2021-10-20 09:12:15 字數 636 閱讀 5450

封裝此公共元件通過具名插槽的方式來達到自定義table的效果

模板的html的寫法:

js的寫法:

如何使用html的寫法:

詳情修改名稱

js的寫法:

import  from "../../../assets/static/global/event-bus";

import dayjs from 'dayjs'

import coassroommanagementson from './coassroommanagementson'

export default ,

data(),

fieldlist:[,,

,,,,

,,

],pageobj:,

loading:false,

form:,

//班級**的資料

classroomtabledata:[,]

},methods:

}}

el table使用el popover無法關閉

在列表下使用el popover的情況下,會遇到無法關閉的情況 著時候就得給el popover分配乙個唯一的ref,例如我給它分配那一行的索引值scope.index 需要關閉的時候呼叫scope.self.ref s sc ope.refs scope.refs s cope index doc...

使用標籤頁和el table實現資料的渲染

詳細api可參考官網 根據el table中的 data繫結乙個陣列,brandlist就是陣列名,值為prop的值 的列 el table column,0 total total page.sync listquery.page limit.sync listquery.limit pagina...

axios封裝使用

記錄專案中使用過的axios封裝,以便下次使用。import axios from axios 引用axios import from util util 引用剛才我們建立的util.js檔案,並使用getcookie方法 import qs from qs 很重要!過濾json格式化 axios ...