18910140161

Vue 如何代码复用

顺晟科技

2022-09-03 12:31:39

253

我下面这段代码,在好几个页面都用到,而且一模一样的,请问一下怎么复用呢。我看vue官方文档,可以使用mixin来复用逻辑,但是好像没法满足我的要求


顺晟科技:

可以写成组件,然后复用组件。js部分可以写成 hook。也可以用class。

谢谢,我看你的代码学习一下

可以封装成组件呀,比如这样,这是我封装的。

el-table这个组件我都没法import出来好像,下面这两种方式都不行,好像设计的就是不让人改写一样

组件里面使用

这里的属性在props里面接受,再给到el-table;事件就在el-table的事件里用$emit将事件名和参数传递出来。this.$emit(‘selection-change’, 参数)v-loading应该是el-table里的自定义指令,你可以用一个变量替代。

写成module,用components当子组件来调用?

封装组件不可以吗?个人觉得封装组件比mixin合适

我是想用下面的这种方式来给ElTable设置 默认值,这样能完全不影响原本的逻辑,但是ElTable这个组件好像导出不了

具体代码

把你的el-table直接放到my-table组件里就行了呀

你跟个element官方的[快速上手]部分走,应该不会出问题,按需引入有前提的

封装UI库(elementPlus),实现更简洁的使用方式。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航