腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
3
回答
如何从v-text字段或v-input字段中删除下划线
vuetify.js
我尝试从Vuetify中的v-input、v-text或v-autocomplete文件中删除下划线,但我找不到方法 有没有办法在Vuetify中删除v-input、v-text或v-autocomplete文件中的下划线?
浏览 51
提问于2020-07-07
得票数 12
1
回答
Veutify更改isFocused时停止光标移动
javascript
、
vue.js
、
vuetify.js
、
v-autocomplete
创建了一个代码笔,当用户在第一个v-autocomplete中输入文本时,会出现第二个v-autocomplete的下拉菜单。我通过将isFocused更改为true来实现。问题是光标移动到下一个v-autocomplete。有没有办法停止这种情况,或者以另一种方式显示第二个v-autocomplete的下拉菜单? 这是我的代码笔https://codepen.io/aaronk488/pen/MWbKNOq?editors=1010 HTML <div id="app"> <v-app> <v-container > &l
浏览 23
提问于2021-02-11
得票数 0
1
回答
如何测试vue vuetify v自动完成
vue.js
、
jestjs
、
vuetify.js
、
vue-test-utils
、
v-autocomplete
不知何故,在测试期间,我无法在html中看到v-autocomplete的v-autocomplete,而且设置项也不起作用。在v-autocomplete (在挂载中加载项)和测试下面。 // v-autocomplete.vue <template> <v-autocomplete :items="items" item-text="name" item-value="id" ></v-autocomplete> </template> <script&g
浏览 9
提问于2021-02-22
得票数 3
1
回答
vue.js -v-自动完成测试观察器
javascript
、
vue.js
、
jestjs
、
vuetify.js
、
v-autocomplete
我有一个vue.js SearchTest组件和一个v-autocomplete。它有select和search的观察者 // SearchTest.vue <template> <v-autocomplete v-model="select" :items="items" :loading="isLoading" :search-input.sync="search" hide-no-data hide-selected placeholder=
浏览 7
提问于2021-03-28
得票数 1
回答已采纳
1
回答
Vuetify可以有两个数组吗?
javascript
、
vue.js
、
vuetify.js
有两个空的数据数组水果和动物。当用户单击v-autocomplete时,搜索栏将以列表的形式显示水果数据["apple","banana","kiwi"]。当用户输入某些内容时,水果数据将消失,取而代之的是显示API中的动物数据。因此,基本上有两个数据数组,但我只能向Vuetify自动完成添加一项。 <v-autocomplete v-model="select" :items="fruits" :search-input.sync="search"> 那么,有什么方法可以
浏览 14
提问于2020-01-16
得票数 1
回答已采纳
1
回答
如何解决v-autocomplete菜单不隐藏在移动键盘后面?(证明)
vue.js
、
vuejs2
、
autocomplete
、
vue-component
、
vuetify.js
我的vuetify项目遇到了问题。我在vuetify网站上尝试了一下,结果发现这个问题也发生了。看看这个: 参考: 我的组件如下所示: <div id="app"> <v-app id="inspire"> <div> <v-autocomplete label="Components" :items="components" ></v-autocomplete> </div>
浏览 2
提问于2019-11-23
得票数 2
2
回答
将焦点设置为打开选择/自动完成/组合框菜单
javascript
、
vue.js
、
vuetify.js
我有一辆Vuetifyjs汽车。我想打开它的菜单,当用户集中在它使用选项卡键从以前的输入。下面是示例代码 <div id="app"> <v-app> <v-container > <v-row > <v-col cols="12" md="4"> <v-text-field label="Text Field"/> </v-col> <v-col cols=
浏览 4
提问于2019-10-08
得票数 3
回答已采纳
1
回答
使用柏树,如果‘<v-自动完成>’项目太多,如何选择它
vue.js
、
vuetify.js
、
cypress
、
v-select
、
v-autocomplete
在使用Cypress为Vuetify页面编写E2E测试时,我在从<v-select>或<v-autocomplete>中选择一个或多个元素时遇到了困难 只要选择只有几个选项,就能正常工作。 问题是:如果您的组件选择了许多选项,Vuetify只会在其弹出窗口中呈现接近相应滚动条位置的选项,这意味着您需要选择的选项可能不可见,因此无法通过Cypress进行选择。 有人知道在Vuetify <v-select>/<v-autocomplete>上访问元素的可靠方法吗?即使select有太多的选项?
浏览 5
提问于2021-06-28
得票数 6
1
回答
验证自动完成同时激活两个菜单
javascript
、
vuetify.js
、
v-autocomplete
这是我的代码笔https://codepen.io/aaronk488/pen/MWbKNOq?editors=1011 这是HTML <div id="app"> <v-app> <v-container > <v-row > <v-col cols="6" md="6"> <v-autocomplete ref="autocomplete" label="A
浏览 72
提问于2021-02-10
得票数 0
2
回答
是否可以将选定元素的列表隐藏在v-自动完成输入框中?
vuetify.js
我正在使用Vuetify的v-autocomplete (V1.5)创建一个下拉列表,如下所示: <v-autocomplete v-model="autoCompleteSelected" placeholder="Select options from the list" :items="items" :item-text="'name'" :item-value="'id'" :search-input.sync="
浏览 5
提问于2020-05-28
得票数 1
2
回答
如何在虚拟自动完成组件中创建无限滚动?
javascript
、
vue.js
、
vuetify.js
我有一个带有Vuetify组件的页面,还有REST后端的‘/ page’方法。该方法采用限制、页面和name参数,并返回具有id和名称字段的JSON。 我在用户输入事件上做了一些延迟加载列表的代码。但是现在我想添加在用户滚动事件上加载这个列表的能力。 例如,默认情况下有100个供应商的列表。用户滚动这个列表直到结束,然后调用“某个事件”并加载下100个供应商。然后用户继续滚动并重复操作。 是否可以使用Vuetify自动完成组件实现此功能,还是应该使用其他库? 当前组件的示例代码如下所示: <template> <v-autocomplete :item
浏览 0
提问于2019-06-07
得票数 8
回答已采纳
2
回答
Nuxt/Vuetify v-自动完成,不显示v菜单
vue.js
、
nuxt.js
、
vuetify.js
、
v-autocomplete
Edit2:我找到了这个问题的答案,如果您刚刚开始使用vuetify,或者只是直接将它集成到一个现有的项目中,而不像我一样阅读它的,您可能也会错过这个答案。如果不在应用程序标记或<v-app>标记中,Vuetify将无法工作。因此,如果使用布局,将代码包装在v-app标记中,则可以应用样式,但如果不使用应用程序标记包装,则功能将无法工作。 原始问题: 我似乎无法使v-autocomplete在我的任何一个项目中工作,我尝试了两个不同的项目,一个使用npm安装,另一个使用nuxt-create安装。我甚至在他们的网站上复制了他们演示的代码,但这也不起作用。以下是每个项目的包版本: &
浏览 7
提问于2021-10-15
得票数 0
回答已采纳
1
回答
如何在验证中关闭芯片时停止选择打开?
javascript
、
vue.js
、
vuejs2
、
vuetify.js
对于这个来自vuetify.com的示例 使用芯片自动完成,当我取消芯片时,我如何让它不打开选择菜单? 我试过@click.stop="...",但它不起作用 在芯片事件上 谢谢
浏览 0
提问于2018-11-13
得票数 2
2
回答
如何在使用Vue测试库测试v-自动完成时触发“模糊”事件?
vue.js
、
unit-testing
、
vuetify.js
、
vue-testing-library
我正在为Vuetify v-自动包装器组件编写一个测试,该组件检查模糊上显示的错误消息。但是,错误输出显示输入select仍然处于打开状态,基本元素具有focus类。我不知道我做错了什么。测试代码看起来如下: it('should display error if field is empty', async () => { const { queryByLabelText, queryByText } = renderWithVuetify(MyComponent); await fireEvent.click(queryByLabelText(
浏览 7
提问于2022-02-17
得票数 0
回答已采纳
2
回答
如何将VAutocomplete与Laravel结合使用
laravel
、
vue.js
、
vuetify.js
在我的laravel项目中,我试图在vue组件中使用VAutocomplete。 我安装了这样的虚拟设备: npm install vuetify 加载组件的.js如下所示: import Vue from 'vue' import Vuetify from 'vuetify' Vue.use(Vuetify) import 'vuetify/dist/vuetify.min.css'; import MyComponent from './components/MyComponent.vue'; const app
浏览 0
提问于2019-07-30
得票数 1
回答已采纳
3
回答
是否可以在Vuetify中的"item-text“上使用一系列属性?
vue.js
、
autocomplete
、
vuetify.js
<v-autocomplete v-model="friends" :disabled="isUpdating" :items="people" label="Select" item-text="name" <!-- use here Array ['name', 'id', 'value'] --> item-value="name" > 是否可以在Vuetify中的“文本项”上使用
浏览 6
提问于2022-02-10
得票数 0
回答已采纳
1
回答
使用Vuetify在自动完成下拉项目中显示工具提示
javascript
、
vue.js
、
vuetify.js
我是Vue.js和Vuetify的新手 问题-在v-自动完成的每个下拉项目上显示工具提示 在项模板中添加解决方案的v-工具提示组件 代码: var app = new Vue({ el: "#app", data: { items: [{ value: 0, text: "Matthews Webb" }, { value: 1, text: "Teresa Ward" }, { value: 2,
浏览 2
提问于2020-10-28
得票数 1
1
回答
在v中显示工具提示- vuetify 2.x中的自动完成下拉项目
vue.js
、
vuetify.js
我正在使用vuetify 2.x,我想知道如何为v-autocomplete的每个下拉项目显示工具提示。 下拉列表有复选框和文本字段。 <v-autocomplete solo :items="..." v-model="selected" clearable multiple > </v-autocomplete> 问题-我尝试使用v-槽:item来为单个项目编写工具提示,但是当单击文本时,复选框没有被单击,因此,基本上,当使用该选项时,v自动完成不能正常工作。 有人能告诉我如何解决这个问题吗?这样,复选框就能正常工作,工具提示也会显示
浏览 4
提问于2022-01-08
得票数 1
回答已采纳
1
回答
如何删除V-autocomplete vuetify中的选择?
javascript
、
vue.js
、
vuetify.js
我在我的项目中使用了Vuetify v-autocomplete。我可以从Api搜索并带来必要的信息。如果我们有选择,我想删除选择后,用户输入一个字符到输入区域进行新的搜索。 输入一个字符后,选择旧选择并将其删除。 ? //here is my selection area watch: { async searchStudents(val) { if (value && value.length >= 3) { try { this.itemsA
浏览 48
提问于2021-02-23
得票数 1
回答已采纳
1
回答
用于调试的Jsfiddle不能与Vuetify一起运行
vue.js
、
vuetify.js
、
jsfiddle
我正在尝试创建一个JSfiddle,这样我就可以调试Vue.Draggable的开发人员的问题,但我无法让Vuetify工作。我想显示v-autocomplete。 我遗漏了什么? <div id="app"> <v-autocomplete v-model="actions" :items="UnitsAndBuildings" chips item-value="action" item-text="action" multiple></v-autocomplete>
浏览 17
提问于2019-08-14
得票数 1
回答已采纳
1
回答
如何在Vue js中动态填充组件(Vuetify组件)类型?
javascript
、
vue.js
、
dynamic
、
vuetify.js
我的实际代码: <component :is="type === 'v-text-field'"> <v-text-field v-bind="props" /> </component> <component :is="type === 'v-autocomplete'"> <v-autocomplete v-bind="props" /> </component> 我想
浏览 3
提问于2022-09-30
得票数 0
回答已采纳
1
回答
V-自动完成“项目”插槽中的v-分隔符
vue.js
、
vuetify.js
我试图在v-autocomplete的列表项之间添加一个分隔符。我使用item插槽覆盖默认组件,并将其替换为自己定义的v-list-item。当我向插槽中添加一个v-divider时,它不会出现。使用Vue Devtools进行检查还表明,Vuetify嵌套了v-list-item,当我将v-divider添加到列表项目本身时,它位于内容的旁边,而不是在项目之间。以下是我的当前代码,也可在中使用 // template <div id="app"> <v-app> <v-autocomplete v-model="formDa
浏览 1
提问于2020-05-12
得票数 2
回答已采纳
1
回答
在v-select和v-autocomplete中更改文本颜色
vue.js
、
vuetify.js
我有以下下拉列表 Vue.config.productionTip = false; Vue.config.devtools = false; new Vue({ el: '#app', vuetify: new Vuetify(), }) <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://cdn.jsdelivr.
浏览 61
提问于2020-10-05
得票数 1
回答已采纳
1
回答
为什么我的:search-input.sync函数被调用了两次?
javascript
、
vue.js
、
asynchronous
、
synchronization
、
vuetify.js
在我的代码笔搜索中,一切都正常,但我的同步函数https://codepen.io/aaronk488/pen/MWbKNOq?editors=1011被调用了两次,我不知道为什么。我添加了一个条件语句,这样我的代码就可以工作了,但是我很好奇为什么sync函数会被调用两次。 这是我的HTML <div id="app"> <v-app> <v-container > <v-row > <v-col cols="4" md="4"> <
浏览 69
提问于2021-02-11
得票数 0
回答已采纳
1
回答
v-autocomplete如何检测无结果并添加自定义操作
javascript
、
vue.js
、
vuetify.js
我有一个搜索用户列表的Vuetify。如果没有结果,我想显示第二个按钮,允许您创建一个新用户: <v-autocomplete v-model="event.user" :items="usersData" label="Seach speaker list" :search-input.sync="searchUser" return-object item-value=&
浏览 10
提问于2021-02-19
得票数 0
1
回答
验证v-autocomplete对象自定义过滤器
javascript
、
html
、
vue.js
、
vuetify.js
对对象使用vuetify v-autocomplete时,该对象是一个键和值。当用户搜索时,搜索是基于项目文本的。正如您在我的示例中看到的,我显示了对象键和值示例{1200-氯离子系统}。那么,当用户键入时,搜索是否可能同时基于对象的键和值,而不仅仅是item-text? <v-autocomplete label="Trading Partner" v-model="tradingPartner" :items=&
浏览 27
提问于2021-06-28
得票数 1
回答已采纳
1
回答
如何从模块导入中排除scss / sass文件
vuetify.js
、
vue-cli
、
webpack-4
我正在导入一个特定的Vuetify模块(v-autocomplete),但不想导入样式,因为它与现有的样式冲突。我如何配置我的vue.config.js以排除所有由vuetify导入的样式? 我试过这样做: config.module.rules.unshift({ test: /vuetify.*.s(c|a)ss$/, use: { loader: 'null-loader', }, }); 这似乎适用于devServer,然而,在为生产而构建时,它并不遵守这一规则。我运行了vue inspect --mode production以确保规则被正确导入。
浏览 19
提问于2022-05-11
得票数 1
1
回答
验证自动完成,接受列表外的值
javascript
、
html
、
node.js
、
vue.js
、
vuetify.js
我有一个vuetify组件,它显示用户从中选择的名称列表。我想要一个后备情况,如果用户输入的东西不在列表中,该值仍然被接受。下面是我的代码: <v-autocomplete v-model="model.name" :items="users" placeholder="Enter your name" no-data-text="Name not Found" clearable ></v-autocomplete> 其中,自动完成的值被绑定到一个数据变量,而项是来自我的服务器的数组。autocompl
浏览 12
提问于2020-08-04
得票数 2
回答已采纳
1
回答
在vuetify中是否有v-autocomplete“无数据过滤”回调?
javascript
、
vue.js
、
v-autocomplete
当来自vuetify.js过滤器的v-autocomplete显示“没有数据可用”时,有没有办法捕获事件?我找不到这个事件在这里https://vuetifyjs.com/en/api/v-autocomplete/#events可能有一些解决办法?也许我可以得到过滤后的结果并检查它是否为空?
浏览 59
提问于2021-10-15
得票数 0
回答已采纳
1
回答
如何隐藏带有多个选项的Vuetify菜单中的复选框?
vuetify.js
如何隐藏具有多个选项的Vuetify菜单中的复选框? <v-autocomplete v-model="filters.colors" :loading="autocomplete.colors.loading" :items="autocomplete.colors.menu" :search-input.sync="autocomplete.colors.input" cache-items hide-no-data hide-details label="Color(s)"
浏览 34
提问于2020-11-12
得票数 1
回答已采纳
2
回答
FontAwesome SVG图标与Vuetify如何使用在v图标/预置图标?
vue.js
、
font-awesome
、
vuetify.js
我是Vue的新手,无法找到正确的答案,如何在v图标和前置图标中使用FA SVG图标。如果我用: <font-awesome-icon :icon="dekstop" color="gray"></font-awesome-icon> 图标被显示,但是我如何在v图标和前置图标中使用FA SVG图标?示例: <v-autocomplete v-model="replUser" :items="users" color="ac
浏览 0
提问于2019-03-17
得票数 7
回答已采纳
1
回答
如何在Vuetify组件中将光标默认更改为指针
vue.js
、
vuetify.js
、
nuxt.js
我想在Vuetify中激活自动完成时将光标默认值更改为指针。我试着用css代码来改变光标。但是鼠标拖动到自动完成的底部,光标就会改变“文本”风格,就像"I beem“一样。我想展示“指针”风格。我找不到任何关于Vuetify网站的想法。有谁有主意吗? <template> <v-card> <v-container fluid> <v-row align="center" > <v-col cols="12">
浏览 37
提问于2020-07-22
得票数 1
回答已采纳
1
回答
vue + vuetify相关的v-autocomplete字段
api
、
vue.js
、
promise
、
vuejs2
、
vuetify.js
在我的设置中,我使用的是最新版本的VueJS + Vuetify。 在我的应用程序中,我有一个vue组件,在模板端,列表中的每个条目都有两个v-autocomplete元素。每个条目的第一个自动完成项是通过外部API调用填充的。axios。 每个条目/行中的第二个自动完成元素应根据第一个元素中选择的值进行填充。因此,当用户从自动完成列表中选择一个国家时,应该启动一个API调用,并且第二个自动完成元素(城市)应该收到正确的选项。 实现这一目标的最佳方法是什么?我尝试将我的getCities()方法连接到第二个自动完成项属性,但由于我的方法返回一个Promise,所以没有成功。 注意,我不能简单地
浏览 4
提问于2018-12-03
得票数 1
1
回答
证明焦点上的自动完成样式
vue.js
、
vuetify.js
当聚焦时,我们可以在vuetify中有一个轮廓的自定义颜色吗?我尝试使用inspect元素更改一些类。但都不管用。请帮帮忙
浏览 8
提问于2019-11-07
得票数 0
2
回答
当用户选择结果时不发送Axios请求
vue.js
、
axios
、
vuetify.js
我使用vuetify.js中的v-autocomplete从API Server中检索值的列表。 它工作得很好,并且我的值列表不是空的。 但我的问题是当我从这个列表中选择正确的值时。我的脚本向服务器发送另一个请求,以检索另一个自动完成列表。 当用户选择结果时,您是否有避免发送请求的想法?或者只在按下某个键时发送请求? 我的组件: <template> <div> <v-autocomplete v-model="selectValeur" :loading="loading"
浏览 22
提问于2021-03-11
得票数 0
2
回答
v-autocomplete并将用户输入设置为其值
vue.js
、
vuetify.js
我在我的项目中使用,并且需要typeahead组件。不幸的是,v-autocomplete被实现为带有过滤器的combobox,所以它不允许将用户输入设置为v-model (或者至少我找不到方法)。 谁能给我解释一下如何实现这样的功能(可能是通过另一个vuetify组件)?我从服务器加载项目,但它们只是作为建议。用户需要能够输入和设置他们想要的任何值。 这是一个基本的示例。问题是,如果我输入任何不是以'John‘开头的单词,v-autocomplete会在模糊状态下清除它。我尝试过手动设置v-model并将用户输入添加到数组中,但是这些方法都有问题,并且不能按预期工作。 <div
浏览 3
提问于2018-07-23
得票数 18
回答已采纳
1
回答
如果用户单击菜单外部,则启动监视程序。
vue.js
、
vuetify.js
我有一个简单的自动完成菜单,如下所示。是否有任何方法监视用户是否在菜单之外单击?默认情况下,如果用户单击菜单外部,它将关闭菜单。但是,除了关闭菜单之外,我还想触发其他操作。 在下面的场景中,我将保持简单:我有一个名为myBoolVar的布尔变量,默认值为false。当自动完成挂载时,它将自动对输入进行对焦,只有当用户开始键入输入时,菜单才会打开。直到这里,myBoolVar仍然是假的。但只有当用户单击菜单外部时,菜单才会关闭,myBoolVar才会更改为true。 到目前为止,我已经通过了vuetify文档,没有任何运气。 <v-autocomplete
浏览 3
提问于2022-11-01
得票数 0
回答已采纳
1
回答
如何在旋转木马上放置搜索栏?
javascript
、
vue.js
、
carousel
、
vue-component
、
vuetify.js
正如标题所述,我希望在旋转木马上设置一个搜索栏功能,并且我正在尝试使用<v-autocomplete>和v-carousel>来实现这一点。 通过使用官方Vuetify 中的代码片段,我成功地获得了以下内容: <template> <v-layout justify-center app > <v-flex xs12 sm6 > <v-container
浏览 0
提问于2019-03-03
得票数 0
回答已采纳
2
回答
如何在Vuetify中从不同于'value‘的键进行搜索?
vuetify.js
如何在Vuetify中搜索raw而不是foo`? <v-autocomplete v-model="myvar" :items="myitems" item-value="foo" item-text="bar" /> myitems: [ {'foo':'aaa', 'bar':'123', 'raw':'hello world'}, {'foo':'bbb', &
浏览 29
提问于2021-05-10
得票数 0
回答已采纳
1
回答
将vuetify v-autocomplete设置为空白
vue.js
、
vuetify.js
我在一个对话框中有一个vuetify v-autocomplete,它会显示最后选定的值。如果我打开该对话框,选择一个名称,然后在下次打开该对话框时关闭它,它仍然显示上次选择的值。 <v-autocomplete default="" placeholder="Type to search" :items="members" :item-text="getFullName" item-value="MemberID" :loading="loadingMembers" @c
浏览 26
提问于2019-01-15
得票数 2
回答已采纳
1
回答
当数据表标头内被切断时,Vuetify概述了选择标签。
vuetify.js
概述的v-select或v-autocomplete上的浮动标签正在被切断。 这是在我头上的错误使用,还是Vuetify的错误? <v-data-table :headers="[{ value: 'name', text: 'name' }]"> <template #[`header.name`]> <v-select :value="['a']" outlined label="I should not be cut off
浏览 3
提问于2022-11-14
得票数 0
回答已采纳
1
回答
使用Yandex预测器API实现Vue js + Vuetify自动完成
javascript
、
vue.js
、
vuejs2
、
vuetify.js
我在vue js应用程序中使用了Yandex自动完成词API。在这里您可以看到我的示例。当我输入一项工作(例如hell on response get hello )时,自动完成工作。但是,当我输入hello w时,自动完成将我的下一个可能单词返回为world。但是,我如何删除未完全输入的最后一个字,并将其推送到自动完成项并显示给用户?另外,当用户停止输入以提高性能时,我如何发送请求? 代码: <v-autocomplete v-model="select" :loading="loading" :items="items&
浏览 2
提问于2020-02-27
得票数 0
1
回答
如何在Javascript中从vuetify multiselect v-autocomplete中选择(复选框)一个值?
javascript
、
vuetify.js
、
v-autocomplete
我有一个来自vuetify.js的多选v-autocomplete组件,其中的项是在多选下拉菜单中使用的数组 defendantCodeOptions项如下所示 {text: "some text", value: 36} 我似乎不知道如何在javascript中选择从ajax调用返回的项。 <v-autocomplete v-model = "defendantCode" label = "Defendant Code" :items = "defendantCodeOptions" :loading = "
浏览 50
提问于2019-09-13
得票数 2
1
回答
如何识别Vuetify的v-autocomplete何时到达最后一个滚动项
javascript
、
vue.js
、
vuetify.js
我有一个Vuetify ,当用户滚动到它的最后一个项目时,我想知道它,这样我就可以加载更多的项目(而不需要他输入搜索): // component.vue <template> <v-autocomplete ref="myAutocomplete" v-model="selectedItem" autocomplete="off" :items="items" no-filter :label="$t('unit')"
浏览 2
提问于2021-10-28
得票数 0
2
回答
在v-text-field或v-text区域vuetify Vue.js中显示实时建议词。
javascript
、
vue.js
、
autocomplete
、
vuetify.js
我想知道是否有可能在输入v-text-field或v-textarea时实现一个显示建议词的特性。大多数文章解释如何使用来自v-autocomplete的组件 我的想法是继续在被键入的每个单词上显示列表,如果用户从列表中选择一个选项,单词就会添加到现有的字符串中。 例如: <v-autocomplete label="Description" :items="[one, two, three]" ></v-autocomplete> 每当我在v-autocomplete中提供的文本字段中键入一个单词时,是否可以显示这些项?
浏览 0
提问于2019-11-14
得票数 3
回答已采纳
1
回答
验证自动完成链接
vue.js
、
hyperlink
、
autocomplete
、
vuetify.js
、
nuxt.js
我想知道如何将链接附加到Vuetify中的项目。我想这样做,这样它就可以充当搜索栏。到目前为止,我可以将链接附加到v-list-item,但链接不会覆盖容器的整个宽度。它似乎只是在文本周围形成了一个链接,而不是整个项目。我试图包装整个组件,但似乎也不起作用。我也试过查看文档(https://vuetifyjs.com/en/components/autocompletes/),但我似乎也找不到任何关于making items链接的内容。提前感谢您的帮助。 ? <v-autocomplete v-model="model"
浏览 21
提问于2020-09-18
得票数 2
回答已采纳
1
回答
如何在多项选择的同时,显示下拉项目旁边的自定义内容?
javascript
、
html
、
vue.js
、
vuetify.js
在网站上,我想显示一个下拉列表,但是对于每一个项目,我想有一个插槽来显示它旁边的东西,就像一个图标,但是在文本的右边。同时也要有多个选择。 此示例不起作用,它在我添加插槽时删除了复选框。 <div id="app"> <v-app id="inspire"> <v-autocomplete v-model="selectedFruits" :items="fruits" label="Favorite Fruits"
浏览 5
提问于2022-02-11
得票数 0
回答已采纳
1
回答
如何使虚拟自动完成组件相互独立
vue.js
、
vuetify.js
我正在开发一个发票应用程序与vuetify。当我为一行选择一个产品时,我遇到了一个问题。它填充其他行。**如何使每个自动完成组件相互独立** 这是自动完成的组件 <tr v-for="(stock_item, index) in form.stock_items" :key="stock_item.data"> <td class="pb-n12">{{index+1}}</td> <td class=
浏览 6
提问于2020-06-13
得票数 0
回答已采纳
1
回答
Vuetify :自定义下拉菜单,用于在移动断点以下排序
vue.js
、
vuetify.js
我使用的是Vuetify (2.6.1)数据表,它们工作得很好。 我想知道是否可以定制特定情况的UI: 当v数据表响应到移动断点时,-> . UI如下所示: 仅在本例中,是否可以自定义此处突出显示的选择? 我试图更新全局CSS,但是事情并不清楚,因为当从列表中选择项目时,添加了一个v芯片: 我希望select看起来像这样,在这里用红色高亮显示: 我搜索了文档和API、堆栈溢出、验证github,并尝试了不同的方法,但我还没有找到一种方法来正确地样式排序选择输入。 有人知道吗?也许我漏掉了什么。 谢谢你的帮助。
浏览 5
提问于2021-12-15
得票数 0
2
回答
将自定义零件添加到v-autocomplete下拉列表
javascript
、
html
、
vue.js
、
autocomplete
、
vuetify.js
我使用的是vuetify的v-autocomplete组件,我想在它的下拉列表中添加自定义部件(屏幕截图上用红色箭头标记:) 这就是我的组件的外观,所以我想将该部分添加到项的顶部: <v-autocomplete @change='selectedSearchedCandidate' append-icon="search" :loading="loading" :filter="v => v" :items="items" :search-input.sync="search" v-m
浏览 2
提问于2018-11-24
得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
推荐9个优秀的 VUE 开源项目
推荐11个非常优秀的 Vue.js 库
Vue友最爱的10个开箱即用的开源项目
排名前10的vue前端UI框架框架值得你掌握
2018 年开源技术 10 大发展趋势;斯诺登开发了一款可隔绝间谍行为的安卓 APP
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券