vue中子组件触发父组件的方法
方法一:子组件:`<template><button @click="submit">提交</button></template><script>export default {methods: {submit: function () {
·
方法一:
子组件:
`<template>
<button @click="submit">提交</button>
</template>
<script>
export default {
methods: {
submit: function () {
// 子组件中触发父组件方法ee并传值cc12345
this.$emit('ee', 'cc12345')
}
}
}
</script>`
父组件:
<template>
<editor id="editor" class="editor" @ee="cc"></editor>
</template>
<script>
export default {
methods: {
cc: function (str) {
alert(str)
}
}
}
</script>
方法二:
子组件:
<template>
<button @click="submit">提交</button>
</template>
<script>
export default {
props: {
onsubmit: {
type: Function,
default: null
}
},
methods: {
submit: function () {
if (this.onsubmit) {
this.onsubmit(‘cc12345’)
}
}
}
}
</script>
父组件:
<template>
<editor id="editor" class="editor" :onsubmit="cc"></editor>
</template>
<script>
export default {
methods: {
cc: function (str) {
alert(str)
}
}
}
</script>
更多推荐
已为社区贡献10条内容
所有评论(0)