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>
     
  • 相关阅读:
    python三大神器
    centos安装fish shell
    linux查看日志
    web攻击
    web安全之XSS
    JSONP && CORS
    css 定位
    MIT-线性代数笔记(1-6)
    es6 Object.assign
    ECMAScript 6 笔记(六)
  • 原文地址:https://www.cnblogs.com/malong1992/p/14427289.html
Copyright © 2011-2022 走看看