zoukankan      html  css  js  c++  java
  • 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>
     
  • 相关阅读:
    小Z的袜子
    C#操作XML
    C#中接口的实现方法
    C#邮箱批量注册
    C# 委托的使用
    C# socket
    在C#.net中如何操作XML
    C#接口的基础知识
    C#判断网页中是否含有某字符串
    C#多线程处理多个队列的数据
  • 原文地址:https://www.cnblogs.com/malong1992/p/14427289.html
Copyright © 2011-2022 走看看