首页 > 其他 > 详细

vue 自定义attribute继承

时间:2021-02-21 23:51:18      阅读:23      评论:0      收藏:0      [点我收藏+]

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继承

原文:https://www.cnblogs.com/malong1992/p/14427289.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!