Javascript Vuetify,如何设置默认道具
我已经开始使用Vuetify,但我正在寻找一种方法来修改某些组件上的默认道具 有办法做到这一点吗 i、 e.不必经常写: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
<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