Why the x-button add @ click click event for vux is invalid

<x-input title="" placeholder="" class="weui-vcode">
    <x-button
      class="identifyCode-btn"
      slot="right"
      type="primary"
      @click="getCode()"
      mini></x-button>
  </x-input>

  methods: {
    getCode(){
      console.log("")
    }
  }

invalid click on getCode method

Vue-cli vux vue.js

Mar.01,2021

use @ click.native to bind click events on a component according to ide/components.html-sharp%E4%BD%BF%E7%94%A8-v-on-%E7%BB%91%E5%AE%9A%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6" rel=" nofollow noreferrer "> Vue document .
is quoted from: https://doc.vux.li/zh-CN/comp.

about why the .native modifier is added, you can see this answer:
https://codeshelper.com/q/10.

Previous: What is the difference between Redis queues and message queues?

Next: Uploading files in struts2 cannot replace uploaded files

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1be0cf3-31547.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1be0cf3-31547.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?