<script>
import { UTable as umyuiTable } from 'umy-ui';
export default {
methods: {
...umyuiTable.methods
},
mixins: umyuiTable.mixins,
watch: {
"data" (val) {
this.$nextTick(() => {//修复表格错位
this.$refs.singleTable && this.$refs.singleTable.doLayout()
})
}
},
render (h) {
let { data, $attrs: attrs, $props: props, $listeners: on, $scopedSlots: scopedSlots, } = this
return h(umyuiTable, { attrs, props, on, ref: 'singleTable' }, [this.$slots.default])
},
};
</script>
umy-ui表格错位,vue封装
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在使用element-ui的table时,常常会遇到这种情况,表头与内容错位,找了个解决办法,还可以,在这儿记一笔...
- 需要安装表格导出的插件:$ npm i -S file-saver xlsx 欢迎大佬优化改进~
- vue-form-table 介绍 基于element-ui的el-form和el-table做的二次封装仓库地址...
- 二次封装table表格,支持自定义列:即已封装好table表格,想要在引用页面增加自定义的表格列,从而达到像是在已...