[bug report] some errors about demo in the document

[LeasonX]

Element UI version

2.12.0

OS/Browsers version

Windows Chrome

Vue version

2.6.10

Reproduction Link

https://codepen.io/leasonx/pen/jOORyPz?&editable=true

Steps to reproduce

发现两个click的事件名称冲突，导致没有想要表达的效果

What is Expected?

更新文档，和在线运行实例

What is actually happening?

方法不同名之后的效果是预期的

[element-bot]

Translation of this issue:

Element UI version

2.12.0

OS/Browsers version

Windows Chrome

Vue version

2.6.10

Reproduction Link

HTTPS: / / codepen. IO / leasonx / pen / joorypz? & editable = true

Steps to reproduce

It is found that the event names of two click conflicts, resulting in no effect to be expressed

What is Expected?

Update documents, and run instances Online

What is actually happening?

The effect is expected after the method does not have the same name

[LeasonX]

[csvwolf]

Duplicated #17863 .