1.创建一个组件,并在页面上调用引用
2.在页面引用组件时,通过v-on绑定父组件内定义好的方法
3.在子组件内绑定@click触发子组件内定义的方法,同时在子组件内通过this.$emit触发父组件内绑定的方法
4.示例代码
// 父页面
<template>
<view class="father">
<emptynctouch :src="'nofarivate'" v-on:gotourl="scrooto" :tip="'您还没有关注任何商品'" :note="'可以去看看哪些商品值得收藏'"></emptynctouch>
</view>
</template>
<script>
import child from '../../components/emptynctouch'
export default {
...
methods: {
change(){
console.log("触发了父页面内的方法");
},
},
components:{
child
}
}
</script>
// 子组件
<template>
<view @click="navato">
子组件
</view>
</template>
<script>
export default {
...
methods:{
navato:function(){
this.$emit("gotourl");
}
}
}
</script>