码迷,mamicode.com
首页 > 其他好文 > 详细

vux组件绑定事件

时间:2017-10-17 12:36:47      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:img   ati   com   none   div   .com   span   box   pre   

 

我一开始是这样绑定事件的,但是没有效果:

        <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文档:

技术分享

这里很明白的说明:需要用@click.native来绑定:

        <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>

解释:

 .prevent相当于加了一句event.preventDefault() ;

 

vux组件绑定事件

标签:img   ati   com   none   div   .com   span   box   pre   

原文地址:http://www.cnblogs.com/wang715100018066/p/7680342.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!