父组件传子组件
父组件中
在引入子组件的上面加:tab1=“settab1”
<div>
<PersonnelModule :tab1="settab1"></PersonnelModule>
</div>
data中定义
data() { return { settab1: '', }; },
//我是在methods中获取的值
//在别的方法上获取然后赋值给settab1
methods:{
tabChange: function (e) {
let tabid = e.target.dataset.id;
this.tab = tabid;
this.settab1 = this.tab
},
}
子组件中
export default {
props: ['tab1'],
watch: {
tab1() {
let aaa = this.tab1
console.log(aaa)
}
},
/子组件向父组件传值***/
子组件
获取值传入到方法
<div> <li class="hovers" @click="setNamenaber(list.jobNumber)"></li></div>
methods: {
//传入
setNamenaber: function (jobNumber) {
this.$emit("numberID", jobNumber);
},}
父组件
<div> <PersonnelModule @numberID="getnumberIDClick"></PersonnelModule></div>
//接收
getnumberIDClick: function (r) {
this.$emit("numberID", r);
// console.log(r)
},
Footer.vue是父组件
打印结果