我创建一个v分量jus像这样:
<v-container grid-list-md >
<v-layout row wrap>
<v-flex xs10>
因此,现在我可以在运行时将示例的xs10更改为xs5(我有2个面板,每个面板中都有一个文本字段,因此,当用户将文本从第一个面板中移出时,我需要将其大小从xs6增大到xs8,并将另一个面板从xs6减小到xs4进行采样
最佳答案
你可以像这样控制flexsize
<v-flex :xs10="true" :xs5="false">
例如,您可以创建一个名为
firstPanelFocus
的新数据, data() {
return {
firstPanelFocus: false
};
},
对于 v-flex
<v-flex :xs10="!firstPanelFocus" :xs5="firstPanelFocus">
每当用户聚焦(或模糊)某个区域时,更改
firstPanelFocus
的值