c 后台方法传html,父子组件传递方法.html

Document

这是 子组件

// 定义了一个字面量类型的 组件模板对象

var com2 = {

template: '#tmpl', // 通过指定了一个 Id, 表示 说，要去加载 这个指定Id的 template 元素中的内容，当作 组件的HTML结构

data() {

return {

sonmsg: { name: '小头儿子', age: 6 }

}

},

methods: {

myclick() {

// 当点击子组件的按钮的时候，如何 拿到 父组件传递过来的 func 方法，并调用这个方法？？？

// emit 英文原意： 是触发，调用、发射的意思

// this.$emit('func123', 123, 456)

this.$emit('func', this.sonmsg)

}

}

}

// 创建 Vue 实例，得到 ViewModel

var vm = new Vue({

el: '#app',

data: {

datamsgFormSon: null

},

methods: {

show(data) {

console.log('调用了父组件身上的 show 方法: --- ' + data)

console.log(data);

this.datamsgFormSon = data

}

},

components: {

com2

// com2: com2

}

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史