V-select 按钮在 Vuetify 中不起作用?
V-select button is not working in Vuetify?
** Here I have v-select element it is not showing for the first element, Vuetify v-select element. Please help **
<template>
<v-app id="inspire">
<v-container align="center">
<v-row>
<v-col cols="12" sm="3" class="categ">
<v-select
cols="12"
sm="3"
class=""
@change="setD"
:items="categories"
v-model="content.cat"
outlined
label="Select Category"
></v-select>
</v-col>
<v-col cols="12" sm="3" class="key">
<v-combobox
@change="setD"
outlined
label="Input Key"
v-model="content.key"
></v-combobox>
</v-col>
<v-row
class="childElements"
v-for="(find, index) in content.data"
:key="index"
>
<v-col cols="12" sm="6" class="key">
<v-select
@change="setD"
:items="languages"
v-model="find.lang"
outlined
label="Select Language"
></v-select>
</v-col>
<v-col xs4 class="childTwo">
<v-combobox
@change="setD"
v-model="find.cont"
outlined
class=""
label="Input Content"
></v-combobox>
</v-col>
</v-row>
</v-row>
<v-row justify="center" class="buttonRow">
<v-btn color="#96CEB4" @click="addFind" class="btnv"
><v-icon class="iconel">mdi-plus</v-icon>
</v-btn>
</v-row>
</v-container>
</v-app>
</template>
** 这里我有 v-select 元素,它没有显示第一个元素,Vuetify v-select 元素。有什么办法可以解决它,请分享您的想法和答案,我非常感谢**
** 这里我有 v-select 元素,它没有显示第一个元素,Vuetify v-select 元素。有什么办法可以解决这个问题,请分享您的想法和答案,非常感谢**
你使用了不应该出现在这里的道具。
<v-select
@change="setD"
:items="categories"
v-model="content.cat"
outlined
label="Select Category"/>
您确定 categories
和 content
存在于 data()
中吗?
** Here I have v-select element it is not showing for the first element, Vuetify v-select element. Please help **
<template>
<v-app id="inspire">
<v-container align="center">
<v-row>
<v-col cols="12" sm="3" class="categ">
<v-select
cols="12"
sm="3"
class=""
@change="setD"
:items="categories"
v-model="content.cat"
outlined
label="Select Category"
></v-select>
</v-col>
<v-col cols="12" sm="3" class="key">
<v-combobox
@change="setD"
outlined
label="Input Key"
v-model="content.key"
></v-combobox>
</v-col>
<v-row
class="childElements"
v-for="(find, index) in content.data"
:key="index"
>
<v-col cols="12" sm="6" class="key">
<v-select
@change="setD"
:items="languages"
v-model="find.lang"
outlined
label="Select Language"
></v-select>
</v-col>
<v-col xs4 class="childTwo">
<v-combobox
@change="setD"
v-model="find.cont"
outlined
class=""
label="Input Content"
></v-combobox>
</v-col>
</v-row>
</v-row>
<v-row justify="center" class="buttonRow">
<v-btn color="#96CEB4" @click="addFind" class="btnv"
><v-icon class="iconel">mdi-plus</v-icon>
</v-btn>
</v-row>
</v-container>
</v-app>
</template>
** 这里我有 v-select 元素,它没有显示第一个元素,Vuetify v-select 元素。有什么办法可以解决它,请分享您的想法和答案,我非常感谢** ** 这里我有 v-select 元素,它没有显示第一个元素,Vuetify v-select 元素。有什么办法可以解决这个问题,请分享您的想法和答案,非常感谢**
你使用了不应该出现在这里的道具。
<v-select
@change="setD"
:items="categories"
v-model="content.cat"
outlined
label="Select Category"/>
您确定 categories
和 content
存在于 data()
中吗?