Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

372
Views
Uso de filtros globales en Quasar/Vue con q-table

Intento usar un filtro que creé como un archivo de arranque de Quasar,

 export default ({ app }) => { app.config.globalProperties.$filters = { in_k: function (value, avoidSign, decimals=1) { value = Math.round(value / 1000 * Math.pow(10, decimals)) / Math.pow(10, decimals); return new Intl.NumberFormat("sv-SE", { style: "decimal", useGrouping: false, minimumFractionDigits: decimals, maximumFractionDigits: decimals, signDisplay: value !== 0 && !avoidSign ? "always" : "never", }).format(value) + "K"; }, } }

que funciona bien en mi plantilla de página

{{ $filters.in_k(123456, true) }} // 123.5K

pero usarlo dentro del script de la página no funciona:

 <q-table title="Treats" :rows="rows" :columns="columns" row-key="title" />
 export default ({ name: 'PageIndex', setup() { const $store = useStore(); let columns = [ { name: 'name', required: true, label: 'Title', align: 'left', field: row => row.title, format: val => `${val}`, sortable: true }, { name: 'invested', align: 'right', label: 'Invested', field: row => (row.invested), format: val => `${$filters.in_k(val, true)}`, sortable: true }, ]; return { columns, rows: $store.state.generic_store.data } } })

El error que me sale en la consola es este:

 ReferenceError: $filters is not defined at Object.format (Index.vue?8b24:53)

¿Alguien tiene una idea sobre cómo acceder al filtro en cada plantilla, preferiblemente incluso el {{ 123456 | in_k(verdadero) }} notación?

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Creo que necesitas acceder a él así this.$filters

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!