标签:vue 自定义 attribute MyInput DataPicker components 组件
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,MyInput,DataPicker,components,组件 来源: https://www.cnblogs.com/malong1992/p/14427289.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。