小编Myu*_*upe的帖子

以编程方式绑定VueJS中动态组件的自定义事件

在我的vuejs应用程序中,我使用动态组件,方法如下:

<mycomponent>
  <component ref="compRef" :is="myComponent" v-bind="myComponentProps"></component>
  <div class="my-buttons">        
    <my-button label="Reset" @click="reset()"/>
  </div>
</mycomponent >
Run Code Online (Sandbox Code Playgroud)

myComponent是父组件的prop,它包含要注入的实际组件. myComponentProps也是支撑注入实例的porps的prop.

我想知道如何动态地将侦听器绑定到组件 - 我知道我不能将对象发送到具有多个事件的v-on.

我正在考虑以编程方式添加它,但是没有找到任何有关如何为Vue自定义事件完成的信息(类似于自定义事件的类型addEventListener)

任何提示将不胜感激!

vue.js vuejs2

15
推荐指数
1
解决办法
1万
查看次数

检查 Vue 组件是否扩展了另一个

我有 2 个 Vue 组件,其中一个扩展了另一个:

var CompA = { ... }

var CompB = {
  extends: CompA,
  ...
}
Run Code Online (Sandbox Code Playgroud)

我想以编程方式检查 CompB 扩展 CompA,例如:

import CompA from './compA';
import CompB from './compB';

if (CompB instanceof CompA) {
  ...
}
Run Code Online (Sandbox Code Playgroud)

此代码引发以下错误:

[Vue warn]: Error in render: "TypeError: Right-hand side of 'instanceof' is not callable"
Run Code Online (Sandbox Code Playgroud)

这样做的正确方法是什么?

谢谢!

vue.js vuejs2

6
推荐指数
1
解决办法
657
查看次数

标签 统计

vue.js ×2

vuejs2 ×2