element-ui el-tabs 如何调用组件的接口

Posted 2023-05-17

参考技术A element-ui el-tabs 如何调用组件的接口

1、首先我们在组件上面用ref关联起来 用this.$refs['myPark'].handleSearch()这样就可以获取到组件页面任何的接口事件

升级element-ui后，tabs标签页导致页面卡死

1、网上查过资料（不可取）：

<el-col>
    <el-row>
        <el-tab>
　　　　　...
　　　　　</el-tab>
　　　</el-row>
</el-col>
// 注：并不能生效

<el-tabs v-model="activeName" @tab-click="handleClick"> 
　　<el-tab-pane label="用户管理" name="first">（不能插入代码）</el-tab-pane> 
</el-tabs>
// 注：这种方法简直非人类，不可取

2、研究半天资料之后的原因很简单：Vue版本太低了，element-ui升级后Vue版本不够导致的，

　 本人为例，原版本：Vue是2.5.10，element-ui是2.4.11，升级后新版本：Vue升到2.6.10，element-ui升到2.13.2

　完美解决了问题。

　注：还有一个坑需要注意，就是在打包的时候可能会报错，因为单独升级了Vue组件，其配套的依赖也需要升级

　　　vue-template-compiler 就是这个依赖也要升级，升到2.6.10，如果升级失败，可以先到中间版本再升级