[Bug Report] Strange phenomenon with vue3 and element date picker

[litong534]

Element Plus version

1.3.0-beta.5

OS/Browsers version

mac/chrome

Vue version

3.2.26

Reproduction Link

https://codesandbox.io/s/quiet-https-o0kup?file=/src/App.vue

Steps to reproduce

1. select a date
2. reselect date
3. boom!

What is Expected?

works well

What is actually happening?

when i use nextTick to reset data, the unrelated component el-date-picker may cause an error

[litong534]

why unable to reproduce?

[msidolphin]

why unable to reproduce?

Kapture.2022-01-13.at.16.38.36.mp4

[litong534]

why unable to reproduce?

Kapture.2022-01-13.at.16.38.36.mp4

i'm so sorry, this happens in vite, i haven't try it in pure vue program yet.
the demo code goes here https://github.com/litong534/error-using-date-picker-demo

[litong534]

why unable to reproduce?

Kapture.2022-01-13.at.16.38.36.mp4

why you cannot reproduce ? i tried in pure vue program, it still shows error.
another demo goes here https://github.com/litong534/another-date-picker-error-demo-in-vue

[litong534]

why unable to reproduce?

Kapture.2022-01-13.at.16.38.36.mp4

https://another-date-picker-error-demo-in-vue.vercel.app/

I deployed it in vercel, is it clear enough to reproduce?

[emojiiii]

playground

[Alanscut]

@litong534
maybe you can try to finish your el-table code at first,
you should assign value to tableData and use scope.row correctly

[Alanscut]

https://codesandbox.io/s/table-column-use-nexttick-demo-fyqsv?file=/src/App.vue

if display page error "Cannot use import statement outside a module", please refresh again

[litong534]

https://codesandbox.io/s/table-column-use-nexttick-demo-fyqsv?file=/src/App.vue

if display page error "Cannot use import statement outside a module", please refresh again

thanks for reply, It does seem to have solved my problem.Thanks very much!
actually I tried plenty of components, only date picker shows error "insertBefore". And why does the Table component affect the DatePicker component?
I am very curious about this question. Could you briefly explain the reason for the problem？
Looking forward to your reply : )

[litong534]

https://codesandbox.io/s/table-column-use-nexttick-demo-fyqsv?file=/src/App.vue

if display page error "Cannot use import statement outside a module", please refresh again

Besides，in vue 2.6.x，using elementui，the same code does not present similar problems，which makes me confused. 😔

[harrisyangbo]

https://codesandbox.io/s/table-column-use-nexttick-demo-fyqsv?file=/src/App.vue
if display page error "Cannot use import statement outside a module", please refresh again

Besides，in vue 2.6.x，using elementui，the same code does not present similar problems，which makes me confused. 😔

I also encountered such problems. And affected Component is Select Component. I don't understand very much， this is why?! why? why?

[harrisyangbo]

https://codesandbox.io/s/table-column-use-nexttick-demo-fyqsv?file=/src/App.vue
if display page error "Cannot use import statement outside a module", please refresh again

Besides，in vue 2.6.x，using elementui，the same code does not present similar problems，which makes me confused. 😔

I also encountered such problems. And affected Component is Select Component. I don't understand very much， this is why?! why? why?