element-plus [Component] [tabs, tab-pane] Tab is not rendering if rendered using h render function

wlp8pajw 于 5个月前发布在其他

关注(0)|答案(1)|浏览(42)

Bug Type: Component

Environment

Vue Version: 3.2.47
Element Plus Version: 2.3.4
Browser / OS: Chrome 108.0.5359.94
Build Tool: Vue CLI

Reproduction

el-tabs
el-tab-pane

Reproduction Link

CodeSandbox

Steps to reproduce

https://stackblitz.com/edit/vue-xsxw6m?file=package.json,src%2Fmain.js,src%2Fcomponents%2FHelloWorld.vue ,
https://stackblitz.com/edit/vue-wfhqf9?file=package.json,src%2Fmain.js,src%2Fcomponents%2FHelloWorld.vue

Go to the links I shared above this section not in the Link to minimal reproduction section
Both the projects contains same code but the only difference is element-plus version
I am trying to render tabs dynamically using vue render function h.
Tabs are not getting rendered when using version 2.3.4 but working in version 2.2.17
If given any tab content inside each el-tab-pane, this issue occurs.

What is Expected?

The tabs should render the tab content under each el-tab-pane elements

What is actually happening?

The tabs are not getting rendering

Additional comments

Please Analyze the two links i have shared. The only difference between the two links is the version of element-plus. I am trying to render tabs using vue inbuilt render function h but when using the element plus latest version 2.3.4, the tabs are not getting rendered. But in version 2.2.17, tabs are getting rendered. In the latest version, Only i try to render the el-tab-pane without any content, it is working but with tab content it is not working.

element-plus

来源：https://github.com/element-plus/element-plus/issues/12703

1条答案

按热度按时间

dgjrabp21#

Update: The issue I am facing seems only happens on iOS 17 dev beta 2, I'd consider this more of a Safari issue, and Apple should fix their stuff in this case.

Having a similar issue on el-tabs.

I'm using element-plus@2.3.7 with Nuxt 3.6.0 using SSR.
El-tabs sometimes doesn't render the el-tab-pane(s), tab content renders correctly but without the tab labels, and I can see an error being reported as follow:
TypeError
Right side of assignment cannot be restructured

Stack trace follows:

../../../../node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js in unmountComponent at line 6287:1
const unmountComponent = (instance, parentSuspense, doRemove) => {
  if (!!(process.env.NODE_ENV !== "production") && instance.type.__hmrId) {
    unregisterHMR(instance);
  }
  const { bum, scope, update, subTree, um } = instance; // !!!! Error reported on this line. !!!!
  if (bum) {
    invokeArrayFns(bum);
  }
  scope.stop();
  if (update) {

Not sure if it's a vue-core issue or on the Element-plus side.

T

赞(0）回复(0）举报 5个月前

我来回答

element-plus [Component] [tabs, tab-pane] Tab is not rendering if rendered using h render function

Environment

Reproduction

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

Additional comments

1条答案

相关问题

热门标签

最新问答

element-plus [Component] [tabs, tab-pane] Tab is not rendering if rendered using h render function

Environment

Reproduction

Related Component

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

Additional comments

1条答案

相关问题

热门标签

最新问答