vue element el-tab-pane组件，data里面的index是什么时候赋值的呢？

新手上路，请多包涵

tab-pane.vue源码
找了ElTabs、ElTabPane，都没找到具体哪个位置给index赋值的，求大佬解答

vue.js 前端 element-ui element

阅读 2.8k

1 个回答

得票最新

YoLinDeng

5451318

发布于
2020-06-21

在updated周期函数中向父组件tabs抛出事件
this.$parent.$emit('tab-nav-update');
在tabs组件中create中监听事件
this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
执行calcPaneInstances里的逻辑达到index的修改

查看全部 1 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13.1k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答3k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.4k 阅读✓ 已解决
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5.3k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答1.5k 阅读
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.8k 阅读✓ 已解决
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能双页排版即用户输入的内容超过了一张A4纸的高度则自动分页将内容自动分割成两页按照左右左右的方式排版问题的难点在于 word的内容是不固定的标题 table 图片等等都有可能而且要加入交互逻辑比如弹出时间选择器弹出输入框等等目前外观是出来了直接v-for渲染page页但是接下...
6 回答1.8k 阅读

相似问题

怎样调整el-tab-pane label的css样式
1 回答13.2k 阅读
element的el-tab-pane放iframe，高度不能自适应，如何解决？
2 回答13.5k 阅读✓ 已解决
element Form 表单在 el-tab-pane 下<重置/清空>操作时报错怎么解决?
4 回答5.6k 阅读✓ 已解决
vue+element后台管理有vue-element-admin脚手架，那如果是前端展示有什么好的脚手架呢？
2 回答2.8k 阅读
element-ui里面的tree控件怎么在点击子节点的时候找到父节点?
1 回答2.5k 阅读

找不到问题？创建新问题

vue element el-tab-pane组件，data里面的index是什么时候赋值的呢？

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

如何在Vue中点击菜单弹出v-dialog对话框？

如何用Vue实现Word文档自动分页与双页排版功能？