Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
packages
/
element-ui
2
0
Салаа 1
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

remove button native modifier (#1232)

baiyaaaaa 8 жил өмнө
parent
967794ae3d
commit
34e01710b5
20 өөрчлөгдсөн 66 нэмэгдсэн , 66 устгасан
Өөрчлөллтийг нэгтгэж харах Өөрчлөлтийн статистик харах
  1. 7 7
      examples/docs/en-US/dialog.md
  2. 1 1
      examples/docs/en-US/form.md
  3. 1 1
      examples/docs/en-US/installation.md
  4. 1 1
      examples/docs/en-US/loading.md
  5. 4 4
      examples/docs/en-US/message-box.md
  6. 9 9
      examples/docs/en-US/message.md
  7. 6 6
      examples/docs/en-US/notification.md
  8. 2 2
      examples/docs/en-US/popover.md
  9. 1 1
      examples/docs/en-US/steps.md
  10. 1 1
      examples/docs/en-US/tooltip.md
  11. 7 7
      examples/docs/zh-CN/dialog.md
  12. 1 1
      examples/docs/zh-CN/form.md
  13. 1 1
      examples/docs/zh-CN/installation.md
  14. 1 1
      examples/docs/zh-CN/loading.md
  15. 4 4
      examples/docs/zh-CN/message-box.md
  16. 9 9
      examples/docs/zh-CN/message.md
  17. 6 6
      examples/docs/zh-CN/notification.md
  18. 2 2
      examples/docs/zh-CN/popover.md
  19. 1 1
      examples/docs/zh-CN/steps.md
  20. 1 1
      examples/docs/zh-CN/tooltip.md

+ 7 - 7
examples/docs/en-US/dialog.md
Файл харах 

@@ -54,13 +54,13 @@ Dialog pops up a dialog box, and it's quite customizable.
 
 :::demo Set the `v-model` attribute with a `Boolean`, and Dialog shows when it is `true`. The Dialog has two parts: `body` and `footer`, and the latter requires a `slot` named `footer`. The optional `title` attribute (empty by default) is for defining a title. This example explicitly changes the value of `v-model` to toggle Dialog. In addition, we also provide `open` and `close` method, which you can call to open/close the Dialog.
 
 :::demo Set the `v-model` attribute with a `Boolean`, and Dialog shows when it is `true`. The Dialog has two parts: `body` and `footer`, and the latter requires a `slot` named `footer`. The optional `title` attribute (empty by default) is for defining a title. This example explicitly changes the value of `v-model` to toggle Dialog. In addition, we also provide `open` and `close` method, which you can call to open/close the Dialog.
 
 
 
 ```html
 
 ```html
 
-<el-button type="text" @click.native="dialogVisible = true">click to open the Dialog</el-button>
 
+<el-button type="text" @click="dialogVisible = true">click to open the Dialog</el-button>
 
 
 
 <el-dialog title="Tips" v-model="dialogVisible" size="tiny">
 
 <el-dialog title="Tips" v-model="dialogVisible" size="tiny">
 
   <span>This is a message</span>
 
   <span>This is a message</span>
 
   <span slot="footer" class="dialog-footer">
 
   <span slot="footer" class="dialog-footer">
 
-    <el-button @click.native="dialogVisible = false">Cancel</el-button>
 
-    <el-button type="primary" @click.native="dialogVisible = false">Confirm</el-button>
 
+    <el-button @click="dialogVisible = false">Cancel</el-button>
 
+    <el-button type="primary" @click="dialogVisible = false">Confirm</el-button>
 
   </span>
 
   </span>
 
 </el-dialog>
 
 </el-dialog>
 
 
 
@@ -84,7 +84,7 @@ The content of Dialog can be anything, even a table or a form. This example show
 
 
 
 ```html
 
 ```html
 
 <!-- Table -->
 
 <!-- Table -->
 
-<el-button type="text" @click.native="dialogTableVisible = true" type="text">open a Table nested Dialog</el-button>
 
+<el-button type="text" @click="dialogTableVisible = true" type="text">open a Table nested Dialog</el-button>
 
 
 
 <el-dialog title="Shipping address" v-model="dialogTableVisible">
 
 <el-dialog title="Shipping address" v-model="dialogTableVisible">
 
   <el-table :data="gridData">
 
   <el-table :data="gridData">
 
@@ -95,7 +95,7 @@ The content of Dialog can be anything, even a table or a form. This example show
 
 </el-dialog>
 
 </el-dialog>
 
 
 
 <!-- Form -->
 
 <!-- Form -->
 
-<el-button type="text" @click.native="dialogFormVisible = true" type="text">open a Form nested Dialog</el-button>
 
+<el-button type="text" @click="dialogFormVisible = true" type="text">open a Form nested Dialog</el-button>
 
 
 
 <el-dialog title="Shipping address" v-model="dialogFormVisible">
 
 <el-dialog title="Shipping address" v-model="dialogFormVisible">
 
   <el-form :model="form">
 
   <el-form :model="form">
 
@@ -110,8 +110,8 @@ The content of Dialog can be anything, even a table or a form. This example show
 
     </el-form-item>
 
     </el-form-item>
 
   </el-form>
 
   </el-form>
 
   <span slot="footer" class="dialog-footer">
 
   <span slot="footer" class="dialog-footer">
 
-    <el-button @click.native="dialogFormVisible = false">Cancel</el-button>
 
-    <el-button type="primary" @click.native="dialogFormVisible = false">Confirm</el-button>
 
+    <el-button @click="dialogFormVisible = false">Cancel</el-button>
 
+    <el-button type="primary" @click="dialogFormVisible = false">Confirm</el-button>
 
   </span>
 
   </span>
 
 </el-dialog>
 
 </el-dialog>

+ 1 - 1
examples/docs/en-US/form.md
Файл харах 

@@ -737,7 +737,7 @@ Form component allows you to verify your data, helping you find and correct erro
 
       }
 
       }
 
     }"
 
     }"
 
   >
 
   >
 
-    <el-input v-model="domain.value"></el-input><el-button @click.native.prevent="removeDomain(domain)">Delete</el-button>
 
+    <el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)">Delete</el-button>
 
   </el-form-item>
 
   </el-form-item>
 
   <el-form-item>
 
   <el-form-item>
 
     <el-button type="primary" @click="handleSubmit3">Submit</el-button>
 
     <el-button type="primary" @click="handleSubmit3">Submit</el-button>

+ 1 - 1
examples/docs/en-US/installation.md
Файл харах 

@@ -30,7 +30,7 @@ If you are using CDN, a hello-world page is easy with Element. [Online Demo](htt
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
   <div id="app">
 
   <div id="app">
 
-    <el-button @click.native="visible = true">Button</el-button>
 
+    <el-button @click="visible = true">Button</el-button>
 
     <el-dialog v-model="visible" title="Hello world">
 
     <el-dialog v-model="visible" title="Hello world">
 
       <p>Try Element</p>
 
       <p>Try Element</p>
 
     </el-dialog>
 
     </el-dialog>

+ 1 - 1
examples/docs/en-US/loading.md
Файл харах 

@@ -160,7 +160,7 @@ Show a full screen animation while loading data.
 
 <template>
 
 <template>
 
   <el-button
 
   <el-button
 
     type="primary"
 
     type="primary"
 
-    @click.native="openFullScreen"
 
+    @click="openFullScreen"
 
     v-loading.fullscreen.lock="fullscreenLoading">
 
     v-loading.fullscreen.lock="fullscreenLoading">
 
     Full screen loading for 3 seconds
 
     Full screen loading for 3 seconds
 
   </el-button>
 
   </el-button>

+ 4 - 4
examples/docs/en-US/message-box.md
Файл харах 

@@ -91,7 +91,7 @@ Alert interrupts user operation until the user confirms.
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open">Click to open the Message Box</el-button>
 
+  <el-button type="text" @click="open">Click to open the Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -122,7 +122,7 @@ Confirm is used to ask users' confirmation.
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open2">Click to open the Message Box</el-button>
 
+  <el-button type="text" @click="open2">Click to open the Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -160,7 +160,7 @@ Prompt is used when user input is required.
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open3">Click to open Message Box</el-button>
 
+  <el-button type="text" @click="open3">Click to open Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -198,7 +198,7 @@ Can be customized to show various content.
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open4">Click to open Message Box</el-button>
 
+  <el-button type="text" @click="open4">Click to open Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>

+ 9 - 9
examples/docs/en-US/message.md
Файл харах 

@@ -69,7 +69,7 @@ Displays at the top, and disappears after 3 seconds.
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button :plain="true" @click.native="open">Show message</el-button>
 
+  <el-button :plain="true" @click="open">Show message</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -91,10 +91,10 @@ Used to show the feedback of Success, Warning, Message and Error activities.
 
 :::demo When you need more customizations, Message component can also take an object as parameter. For example, setting value of `type` can define different types, and its default is `info`. In such cases the main body is passed in as the value of `message`. Also, we have registered methods for different types, so you can directly call it without passing a type like `open4`.
 
 :::demo When you need more customizations, Message component can also take an object as parameter. For example, setting value of `type` can define different types, and its default is `info`. In such cases the main body is passed in as the value of `message`. Also, we have registered methods for different types, so you can directly call it without passing a type like `open4`.
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button :plain="true" @click.native="open2">success</el-button>
 
-  <el-button :plain="true" @click.native="open3">warning</el-button>
 
-  <el-button :plain="true" @click.native="open">message</el-button>
 
-  <el-button :plain="true" @click.native="open4">error</el-button>
 
+  <el-button :plain="true" @click="open2">success</el-button>
 
+  <el-button :plain="true" @click="open3">warning</el-button>
 
+  <el-button :plain="true" @click="open">message</el-button>
 
+  <el-button :plain="true" @click="open4">error</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -133,10 +133,10 @@ A close button can be added.
 
 :::demo A default Message cannot be closed manually. If you need a closable message, you can set `showClose` field. Besides, same as notification, message has a controllable `duration`. Default duration is 3000 ms, and it won't disappear when set to `0`.
 
 :::demo A default Message cannot be closed manually. If you need a closable message, you can set `showClose` field. Besides, same as notification, message has a controllable `duration`. Default duration is 3000 ms, and it won't disappear when set to `0`.
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button :plain="true" @click.native="open5">message</el-button>
 
-  <el-button :plain="true" @click.native="open6">success</el-button>
 
-  <el-button :plain="true" @click.native="open7">warning</el-button>
 
-  <el-button :plain="true" @click.native="open8">error</el-button>
 
+  <el-button :plain="true" @click="open5">message</el-button>
 
+  <el-button :plain="true" @click="open6">success</el-button>
 
+  <el-button :plain="true" @click="open7">warning</el-button>
 
+  <el-button :plain="true" @click="open8">error</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>

+ 6 - 6
examples/docs/en-US/notification.md
Файл харах 

@@ -65,12 +65,12 @@ Displays a global notification message at the upper right corner of the page.
 
 <template>
 
 <template>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open">
 
+    @click="open">
 
     Closes automatically
 
     Closes automatically
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open2">
 
+    @click="open2">
 
     Won't close automatically
 
     Won't close automatically
 
     </el-button>
 
     </el-button>
 
 </template>
 
 </template>
 
@@ -107,22 +107,22 @@ We provide four types: success, warning, info and error.
 
 <template>
 
 <template>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open3">
 
+    @click="open3">
 
     Success
 
     Success
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open4">
 
+    @click="open4">
 
     Warning
 
     Warning
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open5">
 
+    @click="open5">
 
     Info
 
     Info
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open6">
 
+    @click="open6">
 
     Error
 
     Error
 
   </el-button>
 
   </el-button>
 
 </template>
 
 </template>

+ 2 - 2
examples/docs/en-US/popover.md
Файл харах 

@@ -185,8 +185,8 @@ Of course, you can nest other operations. It's more light-weight than using a di
 
   v-model="visible2">

   v-model="visible2">

   <p>Are you sure to delete this?</p>

   <p>Are you sure to delete this?</p>

   <div style="text-align: right; margin: 0">

   <div style="text-align: right; margin: 0">

-    <el-button size="mini" type="text" @click.native="visible2 = false">cancel</el-button>

-    <el-button type="primary" size="mini" @click.native="visible2 = false">confirm</el-button>

+    <el-button size="mini" type="text" @click="visible2 = false">cancel</el-button>

+    <el-button type="primary" size="mini" @click="visible2 = false">confirm</el-button>

   </div>

   </div>

 </el-popover>

 </el-popover>

+ 1 - 1
examples/docs/en-US/steps.md
Файл харах 

@@ -31,7 +31,7 @@ Simple step bar.
 
   <el-step title="Step 3"></el-step>
 
   <el-step title="Step 3"></el-step>
 
 </el-steps>
 
 </el-steps>
 
 
 
-<el-button style="margin-top: 12px;" @click.native="next">Next step</el-button>
 
+<el-button style="margin-top: 12px;" @click="next">Next step</el-button>
 
 
 
 <script>
 
 <script>
 
   export default {
 
   export default {

+ 1 - 1
examples/docs/en-US/tooltip.md
Файл харах 

@@ -170,7 +170,7 @@ In fact, Tooltip is an extension based on [Vue-popper](https://github.com/elemen
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
   <el-tooltip :disabled="disabled" content="click to close tooltip function" placement="bottom" effect="light">
 
   <el-tooltip :disabled="disabled" content="click to close tooltip function" placement="bottom" effect="light">
 
-    <el-button @click.native="disabled=true">click to close tooltip function</el-button>
 
+    <el-button @click="disabled=true">click to close tooltip function</el-button>
 
   </el-tooltip>
 
   </el-tooltip>
 
 </template>
 
 </template>

+ 7 - 7
examples/docs/zh-CN/dialog.md
Файл харах 

@@ -75,13 +75,13 @@ Dialog 弹出一个对话框，适合需要定制性更大的场景。
 
 :::demo 需要设置`v-model`属性，它接收`Boolean`，当为`true`时显示 Dialog。Dialog 分为两个部分：`body`和`footer`，`footer`需要具名为`footer`的`slot`。`title`属性用于定义标题，它是可选的，默认值为空。本例通过显式改变`v-model`的值来打开 Dialog，此外我们还为 Dialog 实例提供了`open`和`close`方法，可以通过调用它们来打开/关闭 Dialog。
 
 :::demo 需要设置`v-model`属性，它接收`Boolean`，当为`true`时显示 Dialog。Dialog 分为两个部分：`body`和`footer`，`footer`需要具名为`footer`的`slot`。`title`属性用于定义标题，它是可选的，默认值为空。本例通过显式改变`v-model`的值来打开 Dialog，此外我们还为 Dialog 实例提供了`open`和`close`方法，可以通过调用它们来打开/关闭 Dialog。
 
 
 
 ```html
 
 ```html
 
-<el-button type="text" @click.native="dialogVisible = true">点击打开 Dialog</el-button>
 
+<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
 
 
 
 <el-dialog title="提示" v-model="dialogVisible" size="tiny">
 
 <el-dialog title="提示" v-model="dialogVisible" size="tiny">
 
   <span>这是一段信息</span>
 
   <span>这是一段信息</span>
 
   <span slot="footer" class="dialog-footer">
 
   <span slot="footer" class="dialog-footer">
 
-    <el-button @click.native="dialogVisible = false">取 消</el-button>
 
-    <el-button type="primary" @click.native="dialogVisible = false">确 定</el-button>
 
+    <el-button @click="dialogVisible = false">取 消</el-button>
 
+    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
 
   </span>
 
   </span>
 
 </el-dialog>
 
 </el-dialog>
 
 
 
@@ -104,7 +104,7 @@ Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下
 
 :::demo
 
 :::demo
 
 ```html
 
 ```html
 
 <!-- Table -->
 
 <!-- Table -->
 
-<el-button type="text" @click.native="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button>
 
+<el-button type="text" @click="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button>
 
 
 
 <el-dialog title="收货地址" v-model="dialogTableVisible">
 
 <el-dialog title="收货地址" v-model="dialogTableVisible">
 
   <el-table :data="gridData">
 
   <el-table :data="gridData">
 
@@ -115,7 +115,7 @@ Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下
 
 </el-dialog>
 
 </el-dialog>
 
 
 
 <!-- Form -->
 
 <!-- Form -->
 
-<el-button type="text" @click.native="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button>
 
+<el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button>
 
 
 
 <el-dialog title="收货地址" v-model="dialogFormVisible">
 
 <el-dialog title="收货地址" v-model="dialogFormVisible">
 
   <el-form :model="form">
 
   <el-form :model="form">
 
@@ -130,8 +130,8 @@ Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下
 
     </el-form-item>
 
     </el-form-item>
 
   </el-form>
 
   </el-form>
 
   <div slot="footer" class="dialog-footer">
 
   <div slot="footer" class="dialog-footer">
 
-    <el-button @click.native="dialogFormVisible = false">取 消</el-button>
 
-    <el-button type="primary" @click.native="dialogFormVisible = false">确 定</el-button>
 
+    <el-button @click="dialogFormVisible = false">取 消</el-button>
 
+    <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
 
   </div>
 
   </div>
 
 </el-dialog>
 
 </el-dialog>

+ 1 - 1
examples/docs/zh-CN/form.md
Файл харах 

@@ -728,7 +728,7 @@
 
       }
 
       }
 
     }"
 
     }"
 
   >
 
   >
 
-    <el-input v-model="domain.value"></el-input><el-button @click.native.prevent="removeDomain(domain)">删除</el-button>
 
+    <el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)">删除</el-button>
 
   </el-form-item>
 
   </el-form-item>
 
   <el-form-item>
 
   <el-form-item>
 
     <el-button type="primary" @click="handleSubmit3">提交</el-button>
 
     <el-button type="primary" @click="handleSubmit3">提交</el-button>

+ 1 - 1
examples/docs/zh-CN/installation.md
Файл харах 

@@ -30,7 +30,7 @@ npm i element-ui -D
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
   <div id="app">
 
   <div id="app">
 
-    <el-button @click.native="visible = true">按钮</el-button>
 
+    <el-button @click="visible = true">按钮</el-button>
 
     <el-dialog v-model="visible" title="Hello world">
 
     <el-dialog v-model="visible" title="Hello world">
 
       <p>欢迎使用 Element</p>
 
       <p>欢迎使用 Element</p>
 
     </el-dialog>
 
     </el-dialog>

+ 1 - 1
examples/docs/zh-CN/loading.md
Файл харах 

@@ -164,7 +164,7 @@
 
 <template>
 
 <template>
 
   <el-button
 
   <el-button
 
     type="primary"
 
     type="primary"
 
-    @click.native="openFullScreen"
 
+    @click="openFullScreen"
 
     v-loading.fullscreen.lock="fullscreenLoading">
 
     v-loading.fullscreen.lock="fullscreenLoading">
 
     显示整页加载，3 秒后消失
 
     显示整页加载，3 秒后消失
 
   </el-button>
 
   </el-button>

+ 4 - 4
examples/docs/zh-CN/message-box.md
Файл харах 

@@ -89,7 +89,7 @@
 
 :::demo 调用`$alert`方法即可打开消息提示，它模拟了系统的 `alert`，无法通过按下 ESC 或点击框外关闭。此例中接收了两个参数，`message`和`title`。值得一提的是，窗口被关闭后，它默认会返回一个`Promise`对象便于进行后续操作的处理。若不确定浏览器是否支持`Promise`，可自行引入第三方 polyfill 或像本例一样使用回调进行后续处理。
 
 :::demo 调用`$alert`方法即可打开消息提示，它模拟了系统的 `alert`，无法通过按下 ESC 或点击框外关闭。此例中接收了两个参数，`message`和`title`。值得一提的是，窗口被关闭后，它默认会返回一个`Promise`对象便于进行后续操作的处理。若不确定浏览器是否支持`Promise`，可自行引入第三方 polyfill 或像本例一样使用回调进行后续处理。
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open">点击打开 Message Box</el-button>
 
+  <el-button type="text" @click="open">点击打开 Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -120,7 +120,7 @@
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open2">点击打开 Message Box</el-button>
 
+  <el-button type="text" @click="open2">点击打开 Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -157,7 +157,7 @@
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open3">点击打开 Message Box</el-button>
 
+  <el-button type="text" @click="open3">点击打开 Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -195,7 +195,7 @@
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button type="text" @click.native="open4">点击打开 Message Box</el-button>
 
+  <el-button type="text" @click="open4">点击打开 Message Box</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>

+ 9 - 9
examples/docs/zh-CN/message.md
Файл харах 

@@ -69,7 +69,7 @@
 
 
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button :plain="true" @click.native="open">打开消息提示</el-button>
 
+  <el-button :plain="true" @click="open">打开消息提示</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -91,10 +91,10 @@
 
 :::demo 当需要自定义更多属性时，Message 也可以接收一个对象为参数。比如，设置`type`字段可以定义不同的状态，默认为`info`。此时正文内容以`message`的值传入。同时，我们也为 Message 的各种 type 注册了方法，可以在不传入`type`字段的情况下像`open4`那样直接调用。
 
 :::demo 当需要自定义更多属性时，Message 也可以接收一个对象为参数。比如，设置`type`字段可以定义不同的状态，默认为`info`。此时正文内容以`message`的值传入。同时，我们也为 Message 的各种 type 注册了方法，可以在不传入`type`字段的情况下像`open4`那样直接调用。
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button :plain="true" @click.native="open2">成功</el-button>
 
-  <el-button :plain="true" @click.native="open3">警告</el-button>
 
-  <el-button :plain="true" @click.native="open">消息</el-button>
 
-  <el-button :plain="true" @click.native="open4">错误</el-button>
 
+  <el-button :plain="true" @click="open2">成功</el-button>
 
+  <el-button :plain="true" @click="open3">警告</el-button>
 
+  <el-button :plain="true" @click="open">消息</el-button>
 
+  <el-button :plain="true" @click="open4">错误</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
@@ -133,10 +133,10 @@
 
 :::demo 默认的 Message 是不可以被人工关闭的，如果需要可手动关闭的 Message，可以使用`showClose`字段。此外，和 Notification 一样，Message 拥有可控的`duration`，设置`0`为不会被自动关闭，默认为 3000 毫秒。
 
 :::demo 默认的 Message 是不可以被人工关闭的，如果需要可手动关闭的 Message，可以使用`showClose`字段。此外，和 Notification 一样，Message 拥有可控的`duration`，设置`0`为不会被自动关闭，默认为 3000 毫秒。
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
-  <el-button :plain="true" @click.native="open5">消息</el-button>
 
-  <el-button :plain="true" @click.native="open6">成功</el-button>
 
-  <el-button :plain="true" @click.native="open7">警告</el-button>
 
-  <el-button :plain="true" @click.native="open8">错误</el-button>
 
+  <el-button :plain="true" @click="open5">消息</el-button>
 
+  <el-button :plain="true" @click="open6">成功</el-button>
 
+  <el-button :plain="true" @click="open7">警告</el-button>
 
+  <el-button :plain="true" @click="open8">错误</el-button>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>

+ 6 - 6
examples/docs/zh-CN/notification.md
Файл харах 

@@ -66,12 +66,12 @@
 
 <template>
 
 <template>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open">
 
+    @click="open">
 
     可自动关闭
 
     可自动关闭
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open2">
 
+    @click="open2">
 
     不会自动关闭
 
     不会自动关闭
 
     </el-button>
 
     </el-button>
 
 </template>
 
 </template>
 
@@ -108,22 +108,22 @@
 
 <template>
 
 <template>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open3">
 
+    @click="open3">
 
     成功
 
     成功
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open4">
 
+    @click="open4">
 
     警告
 
     警告
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open5">
 
+    @click="open5">
 
     消息
 
     消息
 
   </el-button>
 
   </el-button>
 
   <el-button
 
   <el-button
 
     plain
 
     plain
 
-    @click.native="open6">
 
+    @click="open6">
 
     错误
 
     错误
 
   </el-button>
 
   </el-button>
 
 </template>
 
 </template>

+ 2 - 2
examples/docs/zh-CN/popover.md
Файл харах 

@@ -212,8 +212,8 @@ Popover 的属性与 Tooltip 很类似，它们都是基于`Vue-popper`开发的
 
   v-model="visible2">
 
   v-model="visible2">
 
   <p>这是一段内容这是一段内容确定删除吗？</p>
 
   <p>这是一段内容这是一段内容确定删除吗？</p>
 
   <div style="text-align: right; margin: 0">
 
   <div style="text-align: right; margin: 0">
 
-    <el-button size="mini" type="text" @click.native="visible2 = false">取消</el-button>
 
-    <el-button type="primary" size="mini" @click.native="visible2 = false">确定</el-button>
 
+    <el-button size="mini" type="text" @click="visible2 = false">取消</el-button>
 
+    <el-button type="primary" size="mini" @click="visible2 = false">确定</el-button>
 
   </div>
 
   </div>
 
 </el-popover>
 
 </el-popover>

+ 1 - 1
examples/docs/zh-CN/steps.md
Файл харах 

@@ -29,7 +29,7 @@
 
   <el-step title="步骤 3"></el-step>
 
   <el-step title="步骤 3"></el-step>
 
 </el-steps>
 
 </el-steps>
 
 
 
-<el-button style="margin-top: 12px;" @click.native="next">下一步</el-button>
 
+<el-button style="margin-top: 12px;" @click="next">下一步</el-button>
 
 
 
 <script>
 
 <script>
 
   export default {
 
   export default {

+ 1 - 1
examples/docs/zh-CN/tooltip.md
Файл харах 

@@ -189,7 +189,7 @@ Tooltip 组件提供了两个不同的主题：`dark`和`light`。
 
 ```html
 
 ```html
 
 <template>
 
 <template>
 
   <el-tooltip :disabled="disabled" content="点击关闭 tooltip 功能" placement="bottom" effect="light">
 
   <el-tooltip :disabled="disabled" content="点击关闭 tooltip 功能" placement="bottom" effect="light">
 
-    <el-button @click.native="disabled=true">点击关闭 tooltip 功能</el-button>
 
+    <el-button @click="disabled = true">点击关闭 tooltip 功能</el-button>
 
   </el-tooltip>
 
   </el-tooltip>
 
 </template>
 
 </template>
 
 ```
 
 ```