Vue-material: 事件处理程序不适用于 Vue Material Comps

创建于 2017-03-06  ·  3评论  ·  资料来源: vuematerial/vue-material

重现步骤

如果您直接在材质合成上添加事件处理程序，它将不会触发。
如果您将材料合成包装在 DOM 元素中，元素上的事件就会触发。

<div @click="hitme"><md-button>THIS HANDER FIRES</md-button></div>
<md-button @click="hitme">THIS HANDER NEVER FIRES</md-button>

Vue.use(VueMaterial)

var App = new Vue({
  el: '#app',
  methods:{
    hitme:function(){
      console.log("hit me called")
    }
  }
})

哪个浏览器？

全部

什么是预期？

点击处理程序工作

实际发生了什么？

直接在 Vue Material 组件上单击处理程序不起作用。

转载链接

http://codepen.io/__ted__/pen/PpGpaB

picture diverted247

最有用的评论

您需要在每个 vue 组件@click.native="hitme"上使用本机处理程序

picture Samuell1 于 2017-03-06
👍4

所有3条评论

您需要在每个 vue 组件@click.native="hitme"上使用本机处理程序

Samuell1 picture Samuell1 于 2017-03-06
👍4

谢谢！

diverted247 picture diverted247 于 2017-03-06
👍2

您需要在每个 vue 组件上使用本机处理程序 @click.native="hitme"

在这里，埋在 Vue 文档中： https: //vuejs.org/v2/guide/components.html#Binding -Native-Events-to-Components

lmj0011 picture lmj0011 于 2017-04-12
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

xinzhanguo picture xinzhanguo  ·  3评论
korylprince picture korylprince  ·  3评论
lee-frank picture lee-frank  ·  3评论
capttrousers picture capttrousers  ·  3评论
delueg picture delueg  ·  3评论