標簽[vue-select] - 堆棧內存溢出

[英]Vue JS v-select cannot diplaying text from json

我在編輯數據時很難使用 vue-select (v-select)。目前v-select顯示的是ID，應該出現的數據是文本或者label。這是腳本： jsfiddle 我的期望：如果 detail_data 中的數據數組有 project_id: 1 那么顯示的數據是名稱“AAA”，謝謝。 ...

如何檢測清除按鈕單擊 v-select (vue-select)

[英]how to detect clear button click on v-select (vue-select)

我在v-select中創建了一個下拉列表，在單擊清除按鈕時選擇了一個選項后，我需要清除下拉列表並將選項數組更改為初始階段。如何檢查清除按鈕 (x) 是否被單擊，我嘗試使用on-change來獲取選定的值，它工作正常， @click等。它們都沒有工作，請幫助我。我期待一些方法來處理下拉清除事件。 ...

數組中的預定義項被數據庫中的值覆蓋。我該如何解決這個問題？

[英]Pre-defined items in array gets overwritten by values from database. How do I solve this?

我正在使用 Vue Select 生成一個列表，用戶可以在其中添加標簽，這些標簽保存到數據庫中，但我希望列表中有一些預定義的值，用戶可以在單擊它們時選擇它們作為標簽。我嘗試將這些添加到選項數組中，但問題是我已經使用存儲在我的數據庫中的標簽填充了選項，並且這些會覆蓋我預定義列表中的所有內容。我能 ...

Vue-Select 庫：如何限制作為標簽輸入的字符數？

[英]Vue-Select library: How to limit number of characters entered as a tag?

我正在使用Vue-Select庫來允許我的用戶為這樣的帖子提交標簽：如何使用這個庫限制每個單詞的字符數（比如說不超過 10 個字符）？我是否處理createOption道具中的邏輯？這引出了我的下一個問題....我是否允許用戶提交標簽，然后在輸入標簽后提供驗證反饋，或者是否有辦法 ...

Vue-Select：如何將所有條目保存為小寫項目？

[英]Vue-Select: How to save all entries as lower case items?

我正在使用vue-select庫。如何強制輸入條目使所有字符小寫？現在，當我在輸入字段中輸入單詞“棒球”時，標簽被保存為“棒球”。我希望所有標簽只保留條目的小寫版本，例如“棒球”。我這里有一個沙箱： https ://stackblitz.com/edit/vue-ranqmt?file= ...

如何在一個簡單的HTML頁面中使用vue-select？

[英]How to use vue-select in a simple HTML page?

這是我第一次“嘗試”使用 Vue + vue-select。我已經導入了 Vue 和 vue-select，就像 vue-select文檔中解釋的那樣。我的第一次嘗試是這個簡單的 HTML 頁面：當我嘗試此頁面時，控制台中出現以下錯誤：第一次嘗試有什么問題？當我理解第一個示例時，res ...

我如何使用 vue select 獲取我選擇的選項的 ID

[英]How can i get id of my selected option with vue select

我有 2 個 vue-selects 用戶之一和地址之一。我需要獲取我的 select 的 ID，以便我可以將該 ID 發送到我的 axios 請求，我需要比較用戶是否有多個地址並顯示所有這些地址。我知道我需要在父級上使用 v-model 並從子級發出事件，但后來我對如何實際獲取 id 感到困 ...

Vue3 和 Vue-Select：使用可標記道具時如何向父級發送子級數據？

[英]Vue3 and Vue-Select: How to emit child data to parent when using taggable prop?

我將Vue-Select庫與 Vue3 一起使用。我的目標是讓用戶從選項列表中選擇標簽，並且如果選項列表中不存在標簽，也能夠創建新標簽。這在子組件中工作正常，但我無法將數據傳遞/發送到父組件。我需要父級中的數據，因為我要打包它以便稍后進行表單處理。如何成功地從子組件獲取標簽並進入父組件的 ...

Vue-select在搜索時不加載更多

[英]Vue-select not loading more when searching

所以我做了一個簡單的 v-select 我放了一個無限滾動。這很好用，我可以加載所有用戶，當我向下滾動時，又有 10 個用戶被添加到數組中。當我鍵入時，我可以在 select 中進行過濾，我看到 10 個用戶被過濾，但是當我向下滾動時，沒有添加 10 個用戶。我只看到加載更多選項。我一直在尋 ...

從 v-select 獲取值

[英]Get value from v-select

我有一個下拉組件，它利用 vue-select 將狀態填充為下拉列表。當我從下拉列表中選擇一個選項時，數據沒有被抓取。這是我的下拉組件。我在這里使用我的表單組件中的組件。當我 select a state 時，我沒有得到那個值。有人可以告訴我我做錯了什么。 ...

Vue-Select 無法從數組創建選項

[英]Vue-Select is Unable to Create Options from an Array

我是一名初學者，目前正在學習 Vue 和 Nuxt JS，並使用 Nuxt JS 開發一個簡單的 Web 應用程序。目前，我正在嘗試制作一個 Vue Select 選項，其中我傳遞一個數組，並且我的選項是數組中的元素。這是我當前的 index.vue（TextBox 和 DropDown 是我定 ...

如何將 vue-select 與 b 分頁一起使用？

[英]How to use vue-select with b-pagination?

我正在嘗試使用 bootstrap-vue 中的 v-pagination 組件進行分頁。它或多或少地按照我的意願工作，但是當我單擊某個頁面時，組件正在關閉。我想知道在 select 選項之一之前如何防止 v-select 關閉。我的代碼：如果有除 v-select 之外的解決方法或其他 ...

Vue-Select：如何將此 fetch() 代碼轉換為使用 axios？

[英]Vue-Select: How can I convert this fetch() code to use axios?

我正在嘗試在我的應用程序中使用vue-select package。我有一些從文檔中復制的代碼，它工作正常。但是，我想將其轉換為使用 axios 而不是fetch()以提高可讀性，並且我也可以使用自己的 axios 配置設置。如何將以下代碼轉換為使用 axios 而不是 fetch？我嘗試 ...

如何僅顯示完全匹配的結果？

[英]How to show only results with exact matched?

我正在使用 vue-select ( https://vue-select.org/ )。默認情況下，它返回包含搜索文本的所有結果。我只想顯示以輸入文本開頭的結果。有沒有改變它的選項？例如所以我想做這樣的事情：僅選擇帶有字母的值是自動完成數據列表中的起始字母 ...

將數據從 vue-select 發送到另一個對象

[英]Sending data from vue-select to another object

我正在使用 vue-select 在我的 vue 應用程序中使用 select 進行搜索。比如我在vue-select中點擊一個選項時，它會在另一個對象中發送給我，在選擇器之后消失。我怎么能那樣做？我做了類似的事情，但不行 JS 數據標簽只是這些標簽的數組，沒什么特別的。它基於 ...

Vue Select - 也在元數據中搜索

[英]Vue Select - Also search in Meta-Data

嘗試將vue-select添加到我的 vue 應用程序中，我有以下代碼： <v-select :options="options" label="country" :reduce="country => country.meta.code" v-on:input="set"/> ...

vue-select 庫設置默認值不能正常工作

[英]vue-select library set default value not working properly

這是我正在使用的庫。vue-select 我有這種數據我希望看到“AAA”被選中。但我看到的是“1”文本。怎么了？ ...

屏幕閱讀器無法讀取“vue-search-select”的選項

[英]Screen readers unable to read options of `vue-search-select`

我繼承了一個 vuejs 項目。使用屏幕閱讀器作為輔助設備的人抱怨他們的屏幕閱讀器無法閱讀由vue-search-select制作的下拉菜單中的選項。以下是重現該問題的方法：安裝屏幕閱讀器，例如 NVDA。打開 NVDA 屏幕閱讀器。 Go 到https://vue-search-sele ...

Vue 3 select 組件如何將 2 個屬性綁定到 2 個 v-model

[英]Vue 3 select component how to bind 2 attributes to 2 v-model

所以假設我有一個數據 - news: {id:3, name:"book", author:'author'} 。和 select options: {id: 1, book: "book1"}, {id: 2, book: "book2"} 。現在我想用 news.id 和 news.boo ...

如何制作切換列表 vue-select？

[英]How to make a toggle list vue-select?

我需要確保當您單擊一個已經激活的選項時，它會變為取消選擇。 <v-select class="form-control" name="language" v-model="language" id="language":options="['English', 'Polish']":clea ...