標簽[v-autocomplete] - 堆棧內存溢出

[英]Vuetify How to select the same chip twice with v-auto-complete

我有一個 v-auto-complete 並且我想要多個芯片，這很容易。只需添加道具倍數。但是，如果我想要多個具有相同名稱/值的籌碼怎么辦？似乎不存在這個選項。 ...

[英]How to use two arrays in Vuetifyes v-autocomplete

我有兩個數組，一個有 7 個布爾值代表工作日，另一個有工作日名稱和它代表一周中哪一天的值，一種工作日索引（0 beeing 星期天，6 beeing 星期六）此示例來自屬於自動完成所在的 vue 文件的 ts 文件。這是來自我包含此數組的視圖模型，其中包含代表工作日的布爾值。然后我有一個自動完 ...

v-autocomplete 的文本顏色

[英]Text-color for v-autocomplete

我有一個 v-autocomplete，只有在我點擊導航欄中的循環按鈕后才會顯示。我的應用程序應該允許搜索演員。我在這個自動完成上有一個占位符，我想設計它的外觀。目前它是黑色的，並且是常規字體，我希望它是白色的斜體，但是由於我無法檢查元素，所以我不知道要在 css 中編輯哪個 class。這 ...

::v-deep.v-autocomplete__content.v-menu__content (Vuetify) 在樣式范圍的 vue 中不起作用

[英]::v-deep .v-autocomplete__content.v-menu__content (Vuetify) doesn't work in a style scoped vue

我有一個擴展項目列表的 v-autocomplete (vuetify) 當我點擊我的autocomplete輸入項目列表中可用的內容時，項目所在的容器在我想要的position之外，如下圖所示（我使用了vuetify自己的菜單示例，因為它可以添加我遇到問題的系統圖像）通過 devTools 選擇 ...

如何在 v-autocomplete (Vuetify) 中動態格式化項目文本的日期

[英]How to dynamically format date on item-text inside v-autocomplete (Vuetify)

我有這個v-autocomplete ，它接收要從GrowthTasks.edges顯示的項目數組 item-text通過node.growthStartDate從那里接收文本，這是一種日期格式，如：“2020-05-06”。現在我想把它變成像“2020-W19”這樣的格式，我知道使用momen ...

Vue 下拉更新項

[英]Vue dropdown update items

我想更新下拉列表。這是我的下拉菜單和我的代碼。如何更新 this.items [index]。這種方式正確嗎？它不會更新 this.items。 ...

Vuetify search-input.sync 用於 v-for 內的 v-autocomplete

[英]Vuetify search-input.sync for v-autocomplete inside v-for

我有一個line_items數組，使用v-for迭代。對於每個line_item object，我需要一個用於搜索category的v-autocomplete元素。目前，我正在使用search-input.sync="searchText"在用戶輸入文本輸入框時進行同步搜索。如果有一個li ...

向 Vuetify v-select 選項添加自定義數據屬性

[英]Add custom data attribute to Vuetify v-select options

我正在使用 v-autocomplete 組件來列出選擇器中的項目。由於 v-autocomplete 只是一個高級 v-select，我認為 v-select 的答案也適用於 v-autocomplete。在我的列表中，我有不同狀態的項目，應該以某種方式進行標記。所以我想根據項目屬性向選項 ...

Vuejs：如何根據自動完成選擇更新文本字段

[英]Vuejs: how to update text fields based on autocomplete selection

vuejs 的新手。我有一個 vue 組件，它有兩個數組道具：countries 和 countryDetails 國家 -> ['England', 'Germany'] countryDetails -> [ { country: 'England', capital: ' ...

vuetify 中是否有 v-autocomplete “無數據過濾”回調？

[英]Is there v-autocomplete "no data filtred" callback in vuetify?

當來自 vuetify.js 過濾器的 v-autocomplete 顯示“無可用數據”時，有什么方法可以捕獲事件嗎？我在這里找不到這個事件https://vuetifyjs.com/en/api/v-autocomplete/#events可能有一些解決方法嗎？我可以得到過濾結果並在 NUL ...

Nuxt/Vuetify - v-autocomplete 不顯示 v-menu

[英]Nuxt/Vuetify - v-autocomplete not displaying the v-menu

Edit2：我找到了這個問題的答案，如果你剛剛開始使用 vuetify，你也可能會錯過這個，或者你只是直接深入它並將其集成到現有項目中，而沒有像我一樣閱讀它的文檔😎。如果 Vuetify 不在應用程序標簽或<v-app>標簽內，則它無法工作。因此，請確保如果您使用的是布局，將代碼 ...

更改樣式 active v-autocomplete

[英]Change style active v-autocomplete

如果至少選擇了一項，我如何更改 v-autocomplete 的樣式（邊框顏色）？如果焦點在字段上，現在樣式會更改（藍色），但如果選擇項目並且焦點不在字段上，則變為默認（灰色）。移除焦點后我需要保持藍色邊框我嘗試更改 css 但沒有成功 .v-label .v-label--act ...

如何限制 v-autocomplete 中下拉結果的數量？

[英]How to limit the number of dropdown results in v-autocomplete?

Image Link我從 axios api 收到 100-200 個結果。我只想顯示其中的前 10 個。有什么辦法可以做到這一點。我不能從 api 這樣做，因為我還想顯示從 axios 返回的總項目數。編輯：我有一個顯示所有按鈕，它在新彈出窗口中顯示所有項目的列表。因此，我想要返回的 ...

使用柏樹，如何在`上選擇一個項目<v-autocomplete> ` 如果項目太多

[英]Using cypress, how to select an item on a `<v-autocomplete>` if it has too many items

在使用 Cypress 為 Vuetify 頁面編寫 E2E 測試時，我遇到了從<v-select>或<v-autocomplete>中選擇一個或多個元素的困難只要選擇中只有幾個選項，預先存在的問題的答案就可以了。問題是：如果您的組件選擇了許多選項，Vuetify 只會 ...

Vuetify 的 v-autocomplete 組件在清除時將 v-model 值重置為 null

[英]Vuetify's v-autocomplete component resets the v-model value to null when cleared

在下面的代碼中，我使用了一個 v-autocomplete 組件和一個變量select來存儲所選值。 watch記錄select的值和類型。我面臨的問題是，當清除 v-autocomplete 中鍵入的文本時， select默認為 null 而不是空字符串。有沒有辦法將select恢復為空字 ...

vue.js - v-autocomplete 的測試觀察者

[英]vue.js - Test watchers of v-autocomplete

我有一個帶有v-autocomplete的 vue.js SearchTest 組件。它有select的觀察者並search ：我正在測試它如下。我希望兩個觀察者都應該開火。事實上，只有select觀察者被觸發。 search觀察者沒有。// SearchTest.spec.js imp ...

如何在編輯/查看表單上將數據設置為 v-autocomplete

[英]How to set data into v-autocomplete on edit/view form

我正在嘗試將一些數據從父級帶到模態，其中有 2 個輸入，一個是 v-autocomplete，但它沒有顯示所選數據。如您所見，有來自 function getDepartamentos 的數據，它也來自父級的 object 類別： {id: 1, nome: "Arroz", id_depar ...

如何測試一個 vue vuetify v-autocomplete

[英]How to test a vue vuetify v-autocomplete

不知何故，我無法在測試期間看到items內的v-autocomplete項目，並且設置項目也不起作用。在v-autocomplete （正在加載掛載的項目）和測試下方。// v-autocomplete.vue <template> <v-autocomplete ...

在更改 isFocused 時驗證停止 cursor 移動

[英]Veutify stopping cursor to move when changing isFocused

創建了一個代碼筆，當用戶在第一個 v-autocomplete 中輸入文本時，會出現第二個 v-autocomplete 的下拉菜單。我通過將 isFocused 更改為 true 來做到這一點。問題是 cursor 移動到下一個 v-autocomplete。有沒有辦法停止這種或其他方式來顯 ...

Vuetify 自動完成同時激活的兩個菜單

[英]Vuetify autocomplete both menus active at the same time

這是我的代碼筆https://codepen.io/aaronk488/pen/MWbKNOq?editors=1011 這是 HTML 這是JS 這是 UI 的樣子有沒有辦法讓兩個 v-autocomplete 菜單同時顯示？如果用戶單擊任一 v-autocomplete，則該 v-autoc ...