Javascript 从另一个组件VueJS版本1调用方法
我想从另一个组件调用这个方法,比如说父组件。。。所以,假设我没有notie.vue,有一个名为“flash”的方法,我想在API请求成功后调用它 假设是这样的:get API之后,我想用参数-->notie.success('notification type','notification message') 代码如下: 道具的定义如下Javascript 从另一个组件VueJS版本1调用方法,javascript,vue.js,Javascript,Vue.js,我想从另一个组件调用这个方法,比如说父组件。。。所以,假设我没有notie.vue,有一个名为“flash”的方法,我想在API请求成功后调用它 假设是这样的:get API之后,我想用参数-->notie.success('notification type','notification message') 代码如下: 道具的定义如下 props: { type: { default: 'info', required: false },
props: {
type: {
default: 'info',
required: false
},
content: {
default: 'This is just demo text',
required: false
},
visible: {
type: Boolean,
default: false
}
}
以下是数据
data: function () {
return {
show: true
}
}
这里是方法
methods: {
flash: function () {
this.show = true;
}
}
这是HTML代码
<div class="notie" v-bind:class="[{active: show}, type]" v-on:click="close()">
<div class="notie__icon" :class="type"></div>
<div class="notie__content" v-text="content"></div>
</div>
所以我的问题是,在API请求成功或出错后,如何调用flash()?如果要调用“parent”,请使用thisthis.$parent
如果要调用子对象的方法,请使用thisthis.$children[0].someMethod()
这是一个数组this.$children
如果要调用“parent”,请使用thisthis.$parent
如果要调用子对象的方法,请使用thisthis.$children[0].someMethod()
这是一个数组
this.$children
调用API的代码在哪里?这很重要吗?我只想在我的应用程序中的任何地方调用它。但你说你想在API请求成功或出错后调用它,这只是我想调用它的一个示例。。。主要的问题是,我如何在任何其他组件中调用notie组件中的方法?调用API的代码在哪里?这很重要吗?我只想在我的应用程序中的任何地方调用它。但你说你想在API请求成功或出错后调用它,这只是我想调用它的一个示例。。。主要的问题是,我如何在任何其他组件中调用notie组件中的方法?
submit: function () {
this.$http.post('/api/books/add', {
data: this.data,
}).then(function (response) {
// I want to use notie component right here to notice to users.
}, function (response) {
});
}