如何使item-value的值成为Vuetify中的路由器链接？

文章/答案/技术大牛

发布

1回答

vue.js、vuejs2、vuetify.js

我正在尝试为此自动完成组件中的每个元素添加一个路由器链接，但没有添加这些链接。如何使列表中的项目可单击，以对应于具有其id的URL？我希望item-value的值是路由器链路，如下所示： <router-link :to="'employee/'+ item.ID">

浏览 14提问于2020-08-28得票数 0

回答已采纳

3回答

如何在v-select中显示vue-dropdown的名称？

vue.js、vuejs2、vue-component、vuex

我正在通过组件中的一个计算属性在我的vue-app中动态呈现一个V-select，但是我的select是用对象对象而不是值填充的。如何设置name-property？我做错了吗？dropdown是它自己的组件： <v-select label="Lokation"ite

浏览 3提问于2018-02-28得票数 3

1回答

V-选择不是来自Item标记的set默认值。

javascript、vue.js、vuejs2、vuetify.js

我有一个V-select，我想用一些不是来自Items标签的东西来设置默认值。我在某个地方读到所选的值需要来自Items标记，所以每次打开对话框时，我都会尝试将我想要的默认选定值推入到Items标记的变量中。我正在传递一个名为grouplist2的变量，它使用父组件中的Prop创建V。位于对话框中，用于编辑表中的一行.[header.value

浏览 5提问于2022-09-13得票数 0

2回答

如何在v-select选项上设置属性？

vuejs2、vuetify.js

从Vue开始，需要一些关于最佳实践的建议。我怎样才能达到我想要做的事？<v-select v-model="car.make" :items="makes" <

浏览 0提问于2019-08-10得票数 3

回答已采纳

2回答

使用v-select、item-text和item-value的正确方法是什么？

javascript、vue.js、vuetify.js

这是我调用的api的响应。我正在存储api结果，比如在result = [];中。我正在使用v-select和:items="result"创建一个下拉列表。如果我想让item-text和item-value成为下拉列表中显示的文本，而services._id将使用v-model，services._id作为item-value存储在一个变量中，我应该如何编写

浏览 5提问于2022-05-19得票数 1

1回答

OnChange传递项目文本和项目价值验证

vue.js、vuetify.js

我有一个Vuetify selectlist。当选择列表发生变化时，我希望将item-text和item-value作为object传递给onChange函数。我该怎么做呢？这是我当前的选择列表： <v-select item-text="mediumName" autofocus @change="

浏览 16提问于2019-10-11得票数 2

回答已采纳

1回答

基于API响应的组合框列表动态更新

vue.js、vuejs2、combobox、vue-component、vuetify.js

我有一个城市的组合框 v-model="city" item-text="name"我将发送bos到API，我将返回一个响应，我想更新我的列表。我似乎无法访问this.city模型值。备注：：一旦我将v-combobox更改为v-textfield，就可以访问this.city模型值。但我的</em

浏览 10提问于2022-05-16得票数 0

1回答

输入文本的自动完成

vue.js、vuetify.js

如何为<input type="text">使用v-autocomplete 当用户单击建议的文本(在输入下)时，需要将其插入到输入文本中。

浏览 3提问于2022-06-21得票数 0

2回答

创建计算属性？

javascript、vuejs2、vuetify.js

我正在尝试通过下拉菜单更改文本的字体大小，大多数情况下，它都像我想要的那样工作。尽管如此，有没有更好的方法，比如使用计算机或观察者？不确定我该怎么做？这是一支可以工作的笔：，我怎样才能改变第6行的逻辑，将其替换为计算机或监视器？', ], };}) 任何帮助都是非常感谢的。

浏览 36提问于2019-07-11得票数 1

回答已采纳

1回答

当选择自动完成验证时，如何获得对象？

vuetify.js

我的代码是这样的： <v-app id="inspire"> <v-autocomplete </div> <v-btn text color="primary" @click="submit">OK</v-b

浏览 3提问于2019-10-21得票数 7

1回答

完成文本字段中的选择框验证行为

laravel、vue.js、vuetify.js

我想要完成以下操作，但使用textfield (v-text-field)输入： <v-select label="Address Field" item-text="address_line1"> </v-select> 选择框返回地址数组(:items)中的</e

浏览 8提问于2020-09-03得票数 1

1回答

Vuetify <v自动完成>v模型对象而不是数组没有正确地添加

javascript、vuejs2、vuetify.js

我在做一个兴趣爱好项目，用Vuetify输入字段排成行。其中一个字段是具有“多重”道具集的v-自动完成字段。我需要使用v-模型将这个v-自动完成绑定到一个对象。我该怎么做？添加项值和项文本。这使它正确地显示。好的!但是，更新不起作用。不知何故，v模型使它成为一个字符串数组，而不是保存为对象。就像这样：在从列表中添加额外项后： V模型列表不再充满具有“动作”和“数量”道具的对象。相反，它使<

浏览 1提问于2019-08-12得票数 2

回答已采纳

1回答

如何预先填充一个选择？

vue.js、vuetify.js

我想用一些值预先填充一个Select (来自Vuetify.js)。bonjour", type: "word", }] 搜索字段中的&q

浏览 0提问于2018-01-18得票数 0

1回答

如何通过javascript/typescript获取"Event“对象的特定元素

javascript、typescript、vue.js、nuxt.js、vuetify.js

摘要我添加了@change事件以获得选定的值。<v-select :items="startTime" item-value="value"@change="onChangeEndTime" /

浏览 0提问于2021-12-15得票数 0

回答已采纳

1回答

Vuetify select input-value by prepend item事件

vue.js、vue-component、vuetify.js

我想通过在Vuetify select中单击预先添加的项来更新选择值。但是模型不会更新select输入中的item-text。<v-select v-model="selectedTask" item-value="value" return-object

浏览 2提问于2021-04-07得票数 0

1回答

在Javascript中设置vuetify.js v-select在UI中未显示的值

javascript、vue.js、vuetify.js

defendantCodeIsLoading" clearable dense>我从ajax调用中传递一个项目数组，如下所示其中数据是这样的数组，{name："name3"，value: 3}，{name："name4"，value

浏览 1提问于2019-09-12得票数 2

回答已采纳

1回答

如何动态设置v-select值？

vue.js、vuejs2、vuetify.js

我的Vuetify v-select元素看起来是这样的： v-bind:items="languages" label="Language:" item-value="fetchedLocale" id="langSelect"

浏览 2提问于2017-09-23得票数 5

回答已采纳

3回答

V-选择不返回键的值

javascript、json、vue.js、vuetify.js、v-select

我试图从v-select中对来自此数据的密钥进行v-建模：data: {PL: "Poland",AX: "Aland Islands", }我的v-select和输出看起来如下(这是我所能得到的最接近的)： <

浏览 0提问于2019-02-10得票数 1

回答已采纳

1回答

如何使虚拟自动完成组件相互独立

vue.js、vuetify.js

我正在开发一个发票应用程序与vuetify。当我为一行选择一个产品时，我遇到了一个问题。它填充其他行。**如何使每个自动完成组件相互独立** 这是自动完成的组件 item-text="description"

浏览 6提问于2020-06-13得票数 0

回答已采纳

10回答

vue-路由器:如何删除路由器链接中的下划线

css、vue.js、vuejs2、vue-router、routerlink

这导致了一个下划线链接：我的理解是，router-link元素生成一个a标记。我已经在CSS中尝试过这些东西： text-decoration: none; text-decoration: none;important;不幸的是，..

浏览 5提问于2017-06-28得票数 37

回答已采纳

点击加载更多