我创建一个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 的值

10-05 20:43
查看更多