el-tab-pane-ext
v0.1.2
Published
解决element-ui > el-tab-pane与[email protected]不兼容,导致 el-tab-pane 与 el-dialog 组合浏览器卡死的问题。Resolved that element-ui > el-tab-pane was incompatible with [email protected], resulting in el-tab-pane and el-dialog combined browser stuck problem.
Downloads
44
Maintainers
Readme
解决element-ui > el-tab-pane与[email protected]不兼容,导致 el-tab-pane 与 el-dialog 组合浏览器卡死的问题。中文说明
Resolved that element-ui > el-tab-pane was incompatible with [email protected], resulting in el-tab-pane and el-dialog combined browser stuck problem.
Install
npm install el-tab-pane-ext -s
// or
yarn add el-tab-pane-ext -s
Usage
Register components:
main.js
import Vue from 'vue'
import Element from 'element-ui'
import ElTabPaneExt from 'el-tab-pane-ext'
Vue.use(Element)
Vue.use(ElTabPaneExt)
or
xxx.vue
import ElTabPaneExt from 'el-tab-pane-ext'
export default {
components: {
'el-tab-pane-ext': ElTabPaneExt
},
}
Use in template:
<el-tabs v-model="tabs">
<el-tab-pane-ext label="tab1" name="tab1">
<template v-slot:content>
<h1>Hello 1</h1>
</template>
</el-tab-pane-ext>
<el-tab-pane-ext label="tab2" name="tab2">
<template v-slot:content>
<h1>Hello 2</h1>
</template>
</el-tab-pane-ext>
</el-tabs>