如何為未過濾的元素顯示文本

[英]How to display a text for non-filtered elements

我正在嘗試創建如下所示的日歷： 如您所見，我有票 object，根據這些票的日期，我正在展示它們。 我需要做什么，正如您在圖片中看到的那樣，我想在它為空時顯示文本“No available ticket”。 例如，對於星期一和星期二（實際上是除星期三之外的所有天）。 所以要拿票，我正在過濾票： 基 ...

從 Vue.js 中的方法調用全局過濾器

[英]Call a global filter from a method in Vue.js

我有一個從這里使用的全局過濾器： https://www.npmjs.com/package/@vuejs-community/vue-filter-date-format來格式化我可以從 html 調用的日期，如下所示： 我試圖從一種方法中調用它。 這就是 Vuejs 所說的調用它的方式。 但我不 ...

如何在大型 VUE 項目中組織導入 mixins、過濾器和指令

[英]How to organise importing mixins, filters and directives in a large VUE project

) 我正在編寫一個非常大的 vue 應用程序，現在我有一個問題，如何組織導入 mixins、過濾器和指令。 我遇到了麻煩，因為我發現我不明白該怎么做（（（我希望有人能幫助我。 ...

如何在 Vue 3 中過濾項目？

[英]How to filter items in Vue 3？

在 Vue 2 中，我們只使用|就可以方便地過濾項目。 和filters 。 但它不在 Vue 3 中。 正如我們所知，我們可以只使用“計算”將一個值更改為另一個值。 但是如何更改數組的值？ Vue 2<template> <ul> <li v-for="(in ...

Vuejs SearchBar ||使用過濾方法不起作用

[英]Vuejs SearchBar ||using filter method not working

我對 Vue js 很陌生 我正在嘗試使用計算方法創建一個搜索欄來僅搜索名稱，但我得到“this.info.filter”不是 function <template> <div class="container"> <input type="text" v-model ...

我如何使用應與 Vue 3 兼容的 Vue 2 使用過濾器

[英]How can i use filter using Vue 2 which should be compatible for Vue 3

我正在使用 Vue js 2 + 版本，並且根據我的要求，我創建了一個用於日期格式的過濾器，但我聽說在 Vue 3 中過濾器被刪除了，而是需要使用計算或方法，這里的問題如何為版本 2 編寫兼容版本和版本 3 我寫的 Vue js 2 過濾器 過濾請求： 我如何編寫可用於版本 2 和 3 的 ...

Vue2：我可以將可選（全局）過濾器傳遞給可重用組件嗎？

[英]Vue2: Can I pass an optional (global) filter into a reusable component?

我對 Vue 很陌生。 我正在處理一張桌子作為組件，這應該是很多次。 到目前為止，一切都很好，但現在我想使用一個過濾器，它可以是可選的傳遞給它。 這就是我“調用”表格的方式： 這是我的表格組件 我的全局過濾器： 我正在跳躍，添加一個可選的過濾器（通過 v-如果我願意的話）。 到目前為止，我可以將過 ...

根據 select 選項值過濾 Vue 列表

[英]Filter Vue list based on select option value

我嘗試根據所選值使用 2 個 select 列表過濾我的列表。 我的計算過濾器似乎不起作用？ 您應該能夠過濾“Price from”和“Price to”列表 List.vue我計算的過濾器屬性： 在我注冊的組件中，我使用v-model綁定到計算屬性selectedFrom 如何綁定到一個 v-mo ...

使用過濾器渲染 html

[英]Render html using filter

我需要編寫一個呈現 html 標簽的過濾器。 這是我的過濾器： 我的問題是我無法呈現原始 html。 如果我只是這樣做： html 標簽呈現為字符串（即，我在屏幕上看到類似<span title=... ）。 我也嘗試使用v-html屬性： 但我收到一個錯誤： 屬性或方 ...

Vue for 循環數據格式更改

[英]Vue for loop data format change

我有一些學生的數據和他們的銀行賬戶余額。 在 vue 中，我使用v-for循環遍歷數據並將其放入表中。 我遇到的問題是，當循環到達銀行帳戶余額時，我無法弄清楚如何更改甲酸鹽。 我希望它在正確的位置與“,”組合並在前面放一個 $ 。 我制作了一個過濾器來完成所有這些，但我不知道如何將它僅應用於我的 ...

Vuejs如何將日期與列表中的過濾器進行比較

[英]Vuejs how to compare dates with filter in list

我正在學習 vujs，並陷入了我自己的過濾器和日期比較示例。 我在第二行有兩個相似的字符串（如日期“2020-02-02”），我應該看到“今天”這個詞，但它不起作用。 為什么在模板中的typeof上我的過濾日期是數字？ 我在比較這些日期時做錯了什么？ 它總是false的。 您可以在此處 ...

將 Vue 過濾器顯式導入組件

[英]Explicitly import Vue filters into component

我有一個全局過濾器文件，我試圖將一個過濾器顯式導入到組件中。 在我的過濾器文件中，我有： 然后在我的組件中，我想做類似的事情： 但這實際上並沒有觸發過濾器。 有可能做這樣的事情嗎？ ...

無法在 Vue 組件過濾器中訪問“this”

[英]Cannot access “this” in Vue compnent filter

過濾器在組件選項中定義，如下所示： 它使用 function 作為屬性傳遞給組件。 但它不起作用。 它告訴我它無法讀取未定義的屬性 filterFn ... ...

如何使Vue過濾器遞歸？

[英]How to make Vue Filter recursive?

我有一個需要在不同組件中使用的功能，所以我決定制作一個vue過濾器。 問題在於該函數是遞歸的，它本身就是調用的，但是我不知道如何在Vue過濾器中進行操作。 實際上，我已經解決了這個問題，但是我對自己的解決方案並不滿意，在過濾器的參數中，我給出了vue的實例，然后又從給定的實例中再次調用了 ...

使用 vuejs 在 js 數據上動態應用搜索過濾器

[英]Dynamically apply search filter on js data using vuejs

我有一個包含列名的數組列表。 我想編寫一個搜索過濾器，它將從數組中動態選擇值並顯示所有行和列。 搜索過濾器應該與數組包含列名。 列名可以動態設置 我已經編寫了如下所示的代碼 Inside script 標簽 它不起作用.. udata 值以數組形式出現 ...

在Vue中隱藏卡元素

[英]Hide Card Elements in Vue

我對如何執行類似操作有一個小問題：我有2個組件（一個用於側邊欄，一個用於我的Cards（引導卡）），cards組件直接從數據庫中在foreach循環中呈現。 有3個屬性： title ， description和category 。 現在，我希望側邊欄可以過濾該類別並通過Vue動態顯示所有或 ...

Vue.js 2過濾器不適用於數據表

[英]Vue.js 2 filter is not working with data table

嘗試按客戶端名稱過濾數據。 嘗試了許多沒有運氣的選擇。 目前，我已經將客戶列表分解為一個單獨的組件，並打算在項目變得更大時使用vuex。 如此說來，我目前已將用於過濾的邏輯放在我的客戶信息組件中，其中搜索的輸入在客戶列表組件中。 見下文 這是客戶信息組件 這是客戶列表組件 ...

根據數字中的第二個數字更改顯示值

[英]Changing displayed value depending on a second digit from a number

我有一個vue filter並顯示一些值。 我想在值的最后一位數字介於2到4之間時更改值。我需要有一個自動代碼，以便它適用於所有可能的時間間隔，例如： (22-24, 32-34, 622-624...) 。 我設法找到了值的最后一位： value.toString()[value.toSt ...

查找並替換字符串中的所有匹配項

[英]Find and replace all matches in a string

我正在嘗試創建一個過濾器來替換文章中的字符。 我想在字符串中找到所有匹配的元素，並用數組中的元素替換它們，但這不起作用。 如何解決？ //string to replace -> ”Lorem ipsum dolor sit amet & ...

VueJS添加類是否具有過濾器

[英]VueJS add class if has filter

有沒有辦法在VueJS中執行此過濾規則？ 如果某些元素具有濾鏡discount ，則父級將收到color-green的類（在這種情況下為標簽范圍） 我做了一個JSFIDDLE :) HTML JS CSS ...