关于vue.js:vue子组件改父组件的值-调用父方法

子组件把数据传入父组件

子组件

this.$emit('changeInput1', this.formInline.xmmc)

父组件

 <sc v-show="condition == 'sc'" ref="sc" @changeInput1="changeInput1"></sc>
 changeInput1(e) {
        this.input3 = e
      },

子组件调用父组件中的办法

1.简略状况

this.$parent.a();

2.$emit触发一个事件,在父组件监听到这个事件 调用外部办法

@shijianName="fName"
fName(){
console.log(1)
}

<button @click="a()"/>
a(){this.$emit('shijianName')}

3父组件把办法传入子组件 子组件间接调用


:name="name" 办法定义不写了

props:{
name:{
type:Function,
default:null
}
}

而后,你把它当做子组件的办法间接调用就行

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理