小编Luc*_*don的帖子

我的 Vue + Vuetify 项目中有一组复选框。我想使用 Vuetify 的"Validation with submit & clear"来验证是否至少选中了一个复选框。

验证无线电组很容易，并且通过将规则应用于无线电组可以正常工作：

<v-radio-group v-model="radio" required :rules="radioRules" row>
    <v-radio label="A" value="a"></v-radio>
    <v-radio label="B" value="b"></v-radio>
    <v-radio label="C" value="c"></v-radio>
</v-radio-group>

问题：

不幸的是，对于复选框，我找不到像 那样的组选项v-checkbox-group，所以我的复选框看起来像这样：

<v-checkbox class="pr-6" v-model="selected" label="A" value="a"></v-checkbox>
<v-checkbox class="pr-6" v-model="selected" label="B" value="b"></v-checkbox>
<v-checkbox class="pr-6" v-model="selected" label="C" value="c"></v-checkbox>

题：

我如何将规则应用于验证至少一个复选框被选中的复选框this.selected.length > 0？

谢谢你的帮助！

我目前正在使用以下代码编写教程：

# numpy where
A = np.array([1,2,3,4])
B = np.array([100, 200, 300, 400])
condition = np.array([True, True, False, False])

answer = [(A_val if cond else B_val) for A_val, B_val, cond in zip(A, B, condition)]

answer
# Out: [1, 2, 300, 400]

问题：这个python这个结构的复杂性是什么，列表理解和zip（）函数的混合？

传递给zip（）的每个变量是否都像另一个for循环一样？列表理解本身又如何呢？

谢谢你的帮助！

我正在使用Vuetify的v-select 组件，我想向 v-select 组件的第一个项目添加一个类，例如，使第一个条目“项目 A”的文本显示为红色。

似乎项目列表以某种方式自动生成，我不知道如何访问单个项目。

我有这个：

<v-select
    v-model="selected"
    :items="items"
    chips
    label="Some Items"
    multiple
    outlined
    cache-items
></v-select>

这是否可以使第一个条目“项目 A”显示为红色，如果，如何？

谢谢你的帮助！

我有一个文本字段，在文本字段的右侧附加了一个按钮。我的问题是按钮有上边距并且与文本字段不对齐。如下图所示，该按钮太低了。

例子：

问题：

如何以本机方式将按钮与文本字段对齐？

我尝试将 class="mt-0" 应用于按钮，但这没有改变任何内容。

代码：

<v-row>
  <v-col md="6" offset-md="3">
    <v-text-field class="pt-5" placeholder="Strawberries" outlined clearable>
      <!-- <template slot="append">
        <v-icon>clear</v-icon>
      </template> -->
      <template slot="append-outer">
        <v-btn dark x-large color="pink"> SEARCH </v-btn>
      </template>
    </v-text-field>
  </v-col>
</v-row>

感谢您的帮助！

我想创建一个非常简单的网络聊天布局，但无法让聊天历史记录从下到上增长。我想坚持使用预定义的vuetify组件和命令，并仅在确实需要时才使用自定义 css 修改。

布局应该如下所示：

• 3个主要栏目，中间从下到上显示聊天记录
• 包含消息字段和发送按钮的底部栏

有人可以为此提供一个工作框架吗？

我对这些 css 东西感到疯狂:(

谢谢四位的帮助！