...">
..."/>
...">
...">

将道具动态传递给VueJS中的动态组件

JavaScript

飞云西里神乐

2020-03-10

我有一个动态的观点:

<div id="myview">
  <div :is="currentComponent"></div>
</div>

与关联的Vue实例:

new Vue ({
  data: function () {
    return {
      currentComponent: 'myComponent',
    }
  },
}).$mount('#myview');

这使我可以动态更改组件。

就我而言,我有三个不同的部分组成:myComponentmyComponent1,和myComponent2我像这样在它们之间切换:

Vue.component('myComponent', {
  template: "<button @click=\"$parent.currentComponent = 'myComponent1'\"></button>"
}

现在,我想将道具传递给myComponent1

将组件类型更改为时,如何传递这些道具myComponent1

第451篇《将道具动态传递给VueJS中的动态组件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android