<!--
v-on:子级使用参数="父级调用方法"
子级:$emit('子级使用参数')
-->
父级页面
# template
<base-counter title="点我" v-on:discount="methodsname"></base-counter>
# script
// 导入组件
import BaseCounter from '@/components/common/form/BaseCounter.vue'
explort default {
components: {
BaseCounter
},
methods: {
methodsname () {
console.log('父级调用子级页面')
}
}
}
子级页面
# template
<button v-on:click="#emit('discount')">子级页面事件</button>