腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
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
回答
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
回答
如何在旋转木马上放置搜索栏?
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
回答已采纳
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
回答
如何测试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
回答
如何隐藏带有多个选项的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
回答
将自定义零件添加到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
回答已采纳
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
回答
使用autocomplete组件验证数据表搜索属性
vue.js
、
vuetify.js
我正在尝试为我的vuetify数据表中的每一列配置一个下拉过滤器。似乎vuetify自动完成组件具有我想要的功能,但是我不确定如何从自动完成组件获取值来过滤数据表。这就是我所拥有的: <template> <v-card> <v-card-title> {{gridTitle}} <v-spacer></v-spacer> </v-card-title> <v-data-table v-model="selected" :he
浏览 15
提问于2020-06-05
得票数 0
回答已采纳
2
回答
如何删除vuetify自动完成组件默认图标
vue.js
、
vuejs2
、
frontend
、
vue-component
、
vuetify.js
Vuetify自动完成默认有自定义的“向上”和“向下”箭头图标: 如何将此图标更改为在其他事件(活动或非活动)中搜索图标,并获得此视图: 此示例使用v-text-field创建 代码: <v-text-field flat solo hide-details append-icon="search" label="Search..." color="#000000" ></v-text-field> 我厌倦了为自动完成组件添加图标,但不能删除默认的上下行。 代码: <v-
浏览 1
提问于2019-06-28
得票数 13
回答已采纳
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
回答
验证自动完成不显示具有多个搜索词的建议
vue.js
、
autocomplete
、
vuetify.js
当我使用Vuetify <v-autocomplete>和我的API进行搜索时,mytext和myvalue正确地更新并显示在建议中,如果我写一个像FOO这样的单词,如果我写一个像FOO BAR这样的字符串,那么我在API调用方法中用console.log(response.data)得到正确的结果,但我在<v-autocomplete>的建议中什么也得不到。 <template> <v-autocomplete v-model="select" :loading="loading" :items="
浏览 11
提问于2020-10-24
得票数 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
回答
为什么我的: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
回答已采纳
2
回答
滚动到vue滚动列表中列表的顶部(v-自动完成)
javascript
、
vue.js
、
scroll
、
vuetify.js
我有一个可滚动列表,可以从中选择多个项。每次更改搜索输入时,我都希望以编程方式实现滚动到列表顶部的方法。 期望行为:例如,当我在搜索列表中键入'b‘并向下滚动时,如果再次键入e,我希望它滚动到最上面。 下面是一个代码示例,展示了我想做的事情,我尝试了两种不同的方法。在下面的代码中,我尝试了两种不同的方法,在这些方法中,我使用了html元素的scrollTop特性和goTo函数,但它们都不起作用。 代码演示-> 如果演示过期,实际代码; <div id="app"> <v-app> <v-main class=
浏览 8
提问于2021-12-29
得票数 1
4
回答
自动完成-如何传递默认值?
vue.js
、
vuetify.js
我正在使用Vuetify自动完成组件,我希望它在其输入字段中显示一个默认值 我尝试将值作为支柱传递,并将v-model字段更改为任何字符串,但它不起作用--除非我从列表中选择了值,否则输入字段是空的。 <v-autocomplete v-model="select" :loading="loading" :items="items" :search-input.sync="search" cache-items class=
浏览 4
提问于2019-05-13
得票数 6
回答已采纳
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
回答
如果文本超过2个字符,则获取前一页计数
javascript
、
typescript
、
api
、
vue.js
、
vuetify.js
我正在v-autocomplete (vuetify's组件)中构建一个加载更多功能的vuetify's。 以下是我的逻辑: -1:注册fetch,事件函数,如果文本超过2个字符,它将调用事件函数,这是代码: // Data Search = ''; CurrentPage = 1; Timer; // Search search(event) { const value = event.target.value; if (!!value && value.length > 2) { if (this.Timer) {
浏览 4
提问于2020-02-16
得票数 1
回答已采纳
1
回答
带插槽的单元测试验证v-autocomplete
javascript
、
vuetify.js
、
vue-test-utils
我有一个实现v-autocomplete的组件,但它有一个带有插槽的template,而不是Vuetify生成的默认下拉菜单。 <v-autocomplete :items="searchResults" :multiple="true" :search-input.sync="search" hide-no-data :loading="loading" item-text="name" item-value="
浏览 24
提问于2019-02-21
得票数 2
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
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
回答已采纳
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
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
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
回答
如何在多项选择的同时,显示下拉项目旁边的自定义内容?
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测试工具触发v-autocomplete“输入”事件?
jestjs
、
vuetify.js
、
vue-test-utils
我尝试在单元测试中触发Vuetify v-autocomplete组件的"input“事件。据我所知,单元测试与Vuetify guys are using非常相似,但由于某些原因,模拟方法从未被调用过。 工厂方法只返回一个通过mount生成的组件实例,并添加一个本地存储、vue和vueLoading实例。 我会喜欢这里的一些洞察力,我已经在这上面花了几个小时,我开始有点疯狂了…… 验证版本: 1.4.3 组件 <template> <v-autocomplete :items="options" :value="sele
浏览 31
提问于2019-03-06
得票数 0
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
回答已采纳
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
、
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
回答
如何将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
回答已采纳
2
回答
如何使用CSS设置(覆盖) Vuetify v-自动完成列表框(结果区域)的高度?
css
、
vue.js
、
css-selectors
、
vuetify.js
我想增加V-自动完成的高度,这是固定在304 be (可能是一个计算值,YMMV)。 <v-autocomplete class="flex-grow-0 ml-16 mr-6 largecontent" prepend-inner-icon="mdi-magnify" v-model="select" :items="items" item-text="name" item-value="id" :search-input.sync=&
浏览 10
提问于2022-02-26
得票数 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
回答
VueJs Vuetify自动完成链接
vue.js
、
vuetify.js
我正在使用vuetify,我想让自动完成,就像在他们的官方网站上一样。但我面临着一些问题:项目值不会出现在返回列表中,我不知道如何显示链接。这是我的代码。谢谢你 <template> <v-app> <v-app-bar app color="primary" dark> <v-app-bar-nav-icon @click="drawer = true"></v-app-bar-nav-icon> <v-toolbar-title> Board
浏览 19
提问于2020-08-24
得票数 0
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
回答已采纳
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
回答已采纳
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
回答已采纳
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
回答
在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
回答
在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
回答
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
回答已采纳
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
回答
在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
回答
如何在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.js
、
vuetify.js
我有一个简单的自动完成菜单,如下所示。是否有任何方法监视用户是否在菜单之外单击?默认情况下,如果用户单击菜单外部,它将关闭菜单。但是,除了关闭菜单之外,我还想触发其他操作。 在下面的场景中,我将保持简单:我有一个名为myBoolVar的布尔变量,默认值为false。当自动完成挂载时,它将自动对输入进行对焦,只有当用户开始键入输入时,菜单才会打开。直到这里,myBoolVar仍然是假的。但只有当用户单击菜单外部时,菜单才会关闭,myBoolVar才会更改为true。 到目前为止,我已经通过了vuetify文档,没有任何运气。 <v-autocomplete
浏览 3
提问于2022-11-01
得票数 0
回答已采纳
1
回答
如何在验证中关闭芯片时停止选择打开?
javascript
、
vue.js
、
vuejs2
、
vuetify.js
对于这个来自vuetify.com的示例 使用芯片自动完成,当我取消芯片时,我如何让它不打开选择菜单? 我试过@click.stop="...",但它不起作用 在芯片事件上 谢谢
浏览 0
提问于2018-11-13
得票数 2
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
回答已采纳
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
回答
证明焦点上的自动完成样式
vue.js
、
vuetify.js
当聚焦时,我们可以在vuetify中有一个轮廓的自定义颜色吗?我尝试使用inspect元素更改一些类。但都不管用。请帮帮忙
浏览 8
提问于2019-11-07
得票数 0
2
回答
Vuetify自动完成类似的项目没有显示
javascript
、
vue.js
、
vuejs2
、
vuetify.js
、
v-model
在我的例子中,我有来自本地API的具有类似标题的自定义帖子,并且我尝试通过从items数组中搜索查询来显示帖子。 数据: { "count": 5, "entries": [ { "id": 3, "title": "Senior developer Python" }, { "id": 4, "title": "Se
浏览 0
提问于2019-07-15
得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
onenote搜索机制详解:搜索范围及结果展示
02HTML+CSS常用单词
前端开发常见的英语词汇整理,持续更新
常用的文本处理函数,搞定这几个就够啦
CSS样式
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券