vux組件綁定事件

 

我一開始是這樣綁定事件的,可是沒有效果:spa

        <box gap="15px 45px">
          <x-button plain type="primary" style="border-radius:99px;border:none;background-color:#099eeb;color:#fff;" @click="fn">登陸</x-button>
        </box>

因而,經過仔細查看vux文檔:code

這裏很明白的說明:須要用@click.native來綁定:blog

        <box gap="15px 45px">
          <x-button plain type="primary" style="border-radius:99px;border:none;background-color:#099eeb;color:#fff;" @click.native="fn">登陸</x-button>
        </box>

這樣就有效果了。事件

 

拓展,還有一種寫法@click.native.prevent:文檔

        <box gap="15px 45px">
          <x-button plain type="primary" style="border-radius:99px;border:none;background-color:#099eeb;color:#fff;" @click.native.prevent="fn">登陸</x-button>
        </box>

解釋:event

 .prevent至關於加了一句event.preventDefault() ;
相關文章
相關標籤/搜索