vue 自定義attribute繼承
1.子組件
<template>
<div class="dataPicker">
<input type="date" v-bind="$attrs" />
</div>
</template>
<script>
export default {
inheritAttrs:false, //默認是根節點繼承
data(){
return {
}
}
}
</script>
<style>
</style>
父組件:
<template>
<div class="home">
我是home組件
<!-- <br/>
<MyInput v-model:foo="foo" />
<br/>
{{foo}}
<br/>
<br/> -->
<!-- <my-input></my-input> -->
<br/>
<br/>
<DataPicker data-time='20200221' :data-id='dataId' />
</div>
</template>
<script>
// import MyInput from '../components/MyInput.vue'
import DataPicker from '@/components/DataPicker'
export default {
components: {
// MyInput,
DataPicker},
data(){
return {
foo:'女裝',
dataId:10
}
},
methods:{
}
}
</script>
<style lang="scss" scoped>
.home {
padding: 20px;
}
</style>
