制作input组件时如何不用prop接收直接动态绑定input属性

给input框通过v-bind绑定值为$attrs,但是这样是会直接降级到当前标签的根div上,这是vue的一个默认行为,可以给inheritattrs:false,这样就可以了 如下:

    子组件:    <input v-bind="$attrs"></input>

                      export default {

                                  inheritattrs:false,

                        }

     父组件:<Zinput type="password",placeholder='acc'></Zinput>

    

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 链接:https://cn.vuejs.org/v2/api/#Vue-filter API TPshop中国免费...
    zz云飞扬阅读 3,325评论 0 0
  • 一、简介 1、 Vue.js 是什么 参考网址:https://cn.vuejs.org/v2/guide/ind...
    满天繁星_28c5阅读 3,345评论 0 1
  • 一、props 这个应该非常属性,就是父传子的属性; props 值可以是一个数组或对象; //数组:不建议使用p...
    魂斗罗小黑阅读 3,803评论 0 1
  • 前言 在工作中经常会用到Vue,包括也会用到很多重要的点例如组件化等等,现在也想对于之前的应用和学习做一个小小的总...
    羊驼驼驼驼阅读 3,177评论 0 2
  • https://www.yuque.com/bo939y/ubkqtp/xmyfap 概念:prop 是子组件用来...
    阳明AI阅读 3,511评论 0 0