Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested components update/rerender issue #9522

Closed
askart opened this issue Feb 19, 2019 · 4 comments
Closed

Nested components update/rerender issue #9522

askart opened this issue Feb 19, 2019 · 4 comments

Comments

@askart
Copy link

askart commented Feb 19, 2019

Version

2.5.22

Reproduction link

https://codesandbox.io/s/00v11z0z3n?module=%2Fsrc%2Fbase-table-column.js

Steps to reproduce

Toggle checkboxes to see changes. In 1st table columns from a to e is ok except c. by clicking c1 or c2 column e will disappear.

What is expected?

if you click c1 then c1 should disappear

What is actually happening?

by clicking c1 disappears e


Added link to minimal reproduction.
html code inside App.vue, main logic occurs in base-table-column.js file

i've searched and read about HOCs in vue over the internet (github, stackoverflow, forum.vuejs.org, etc.), found nothing that can help solve this issue and decided to create this issue.
got implementation of HOC from #6201 (comment).
I don't know how to implement actual v-if inside render, I've read about it in the documentation render section. But I think the problem is that component renders as component and as a slot inside component.

@posva
Copy link
Member

posva commented Feb 19, 2019

Hi, please make sure to provide boiled down repro when reporting bugs, with no external libs. thank you

@posva posva closed this as completed Feb 19, 2019
@askart
Copy link
Author

askart commented Feb 19, 2019

Hi, please make sure to provide boiled down repro when reporting bugs, with no external libs. thank you

i need to remove element-ui and create table and table-column components myself, or something similar?
if i create my own components without external libs just vue and simple <table/> <tr/> <th/> <td/>, will it be ok?

@posva
Copy link
Member

posva commented Feb 19, 2019

something as boiled down as possible meant to show the nested component problem you are referring. Please, don't copy paste element-ui source code though

@askart
Copy link
Author

askart commented Feb 19, 2019

something as boiled down as possible meant to show the nested component problem you are referring. Please, don't copy paste element-ui source code though

https://codesandbox.io/s/6l083pqk1n?module=%2Fsrc%2Fbase-row.vue
if the simple component i've made is ok, then there is no issue with vue, but element-ui

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants