父组件:
<div class='app-container'>
<Department v-model="valuelist" :valuelist="valuelist"></Department>
</div>
import Department from './department'
data() {
return {
valuelist:"wqwq"
};
},
子组件:
<template>
<div>
<el-input v-model="temvalue" placeholder="请输入内容"></el-input>
</div>
</template>
<script>
export default {
components: {
},
props: {
valuelist: {
},
},
data() {
return {
temvalue:this.valuelist
};
},
watch: {
temvalue(val){
this.$emit('input',val)
},
valuelist(val){
this.temvalue=val
}
},
created() {},
mounted() {},
methods: {},
};
</script>
<style lang="scss" scoped>
</style>