vue 自定义attribute继承

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>   vue 自定义attribute继承
上一篇:Vue后台管理系统


下一篇:ByxContainer——轻量级IOC容器