Javascript Vuetify,如何设置默认道具

Javascript Vuetify,如何设置默认道具,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我已经开始使用Vuetify,但我正在寻找一种方法来修改某些组件上的默认道具 有办法做到这一点吗 i、 e.不必经常写: <v-layout wrap></v-layout> 我可以让布局默认的包裹道具为真吗?大致如下,但如果您是vue.js新手,请注意,您必须阅读以下内容: 相关文件: js //一些已经存在的组件,您需要以某种方式获取它 //很可能是通过`导入`实现的` 让ExternalComponent={ 属性:{wrap:{default:false,t

我已经开始使用Vuetify,但我正在寻找一种方法来修改某些组件上的默认道具

有办法做到这一点吗

i、 e.不必经常写:

<v-layout wrap></v-layout>


我可以让布局默认的包裹道具为真吗?

大致如下,但如果您是vue.js新手,请注意,您必须阅读以下内容:

相关文件:

js

//一些已经存在的组件,您需要以某种方式获取它
//很可能是通过`导入`实现的`
让ExternalComponent={
属性:{wrap:{default:false,type:Boolean}},
模板:“
  • 换行:{{wrap}
  • ” }; //这模拟了全局注册 Vue.组件(“v-some-external-component”,外部组件); //--我们开始吧-- //让我们扩展该组件并覆盖包裹的默认道具 让ExtendedExternalWithOtherDefault={ 扩展:外部组件, mixin:[{props:{wrap:{default:true}}}], }; var app=新的Vue({ el:“应用程序”, 组件:{“v-my-customized-component”:ExtendedExternalWithOtherDefault} });
    html(实际上,这在这里并不重要)

    输出

    wrap:false
    wrap:true
    wrap:true
    wrap:false
    

    codepen:

    谢谢,这正是我要找的,你有没有一个例子说明你是如何使用这个@TristanNeumann的?我正在努力弄清楚这一点,因为注册我的新组件似乎没有任何作用(抛出未注册组件错误)。
    wrap:false
    wrap:true
    wrap:true
    wrap:false