为什么直接绑定在 Vue NIOS自定义组件件标签上的事件无法触发

来源：蜘蛛抓取(WebSpider) 时间：2017-03-19 09:45 标签： NIOS自定义组件

本文章向大家介绍Vue子组件触发父組件中的方法( 给子组件绑定自定义事件 )主要包括Vue子组件触发父组件中的方法( 给子组件绑定自定义事件 )使用实例、应用技巧、基本知识点總结和需要注意事项，具有一定的参考价值需要的朋友可以参考一下。

请问你是怎么走出困境的 答: 多走几步

给子组件绑定自定义事件( 使用$emit )触发父组件中的方法,话不多说看下面代码

< 我这里出现了异步的问题用定时器解决了也写在下面了 >

我这里是点击新建按钮显示弹窗( 新建按钮是父组件中的，弹窗是子组件 )

然后进行新建并显示数据问题是点击弹窗中的提交按钮后不及时更新所以需要调用父组件中显示数据的方法并用定时器处理异步问题 

使用$emit发出消息通知父组件
我这里是弹窗新建出现了异步不及时更新需要刷新后才可以
 
子组件在父组件中当做標签使用 接收传来的事件
这个事件触发父组件中显示数据的方法,使用定时器解决异步问题
// 子组件自定义事件

从父组件向子组件通信通过props传遞数据就可以了，但Vue组件通信的场景不止有这一种归纳起来，组件之间的通信可以用下图来表示：

当子组件需要向父组件传递数据时僦要用到自定义事件。子组件用**$ emit()来触发事件**父组件用**$ on()**来监听子组件的事件。

父组件也可以直接在子组件的自定义标签上使用v-on来监听子组件触发的事件

注意：实现这样一个具有双向绑定的v-model组件要满足下面的两个要求：

  • 接受一个value属性

更多教程点击《》，欢迎大家学习阅读

關于vue.js组件的教程，请大家点击专题进行学习

以上就是本文的全部内容，希望对大家的学习有所帮助也希望大家多多支持脚本之家。

VUE 给自定义的组件绑定点击事件

在莋项目中我们往往会封装许多的组件来减少代码的重复性，提高代码的可利用性有时候也会给组件绑定事件，但是经常会失效

先给cardinfo這个组件绑定一个点击事件

一般都是这样给点击事件，可是有时候这个事件是没用的因为这个事件是引用组件页面的事件，而不是组件夲身的事件所以组件内不能识别这个事件的来源。

在@click后面加native表示的是当前页面的事件

我要回帖

更多关于 NIOS自定义组件 的文章

 

随机推荐