子组件
<view class="dropDown-item" v-for="(item,index) in comState" :key="index" @tap="changeCurrentState(item)">
<text>{{item}}</text>
</view>
changeCurrentState(val) {
// 向父组件传值
this.$emit('state',val);
},
父页使用子组件
<view class="dropdown-module">
<dropdown @state="changeState"></dropdown>
</view>
@后面的就是子组件向父组件传递的方法名。
//引入子组件
import dropdown from "../components/drop-down/dropDown.vue"
export default {
components: {
//注册子组件
dropdown
},
methods:{
//data的值就是子组件传递过来的值
changeState(data){
console.log(data);
}
}
}