@patryckx https://github.com/apertureless/vue-chartjs to much thnx patryckx so crack you make this so easy and better than page official really you save my life with that beatiful examples i hope you still up examples like that again to much thnx patryckx from méxico.
Best posts made by lobo
-
RE: Charts
Latest posts made by lobo
-
RE: Quasar e Apex Charts [Sample application]
hi patrick I learning from your examples to implements the apexcharts but in the new framework quasar 2.0.0 I couldnt install so I looking what is changing and in the end I found the new way so I want to pass the information for help others programers so in the file the boot “apex.js” not recognize “Vue” so the new way is this:
file name apex.js
<------------------------implement this code------------------------------------->
import VueApexCharts from ‘vue3-apexcharts’export default ({ app }) => {
app.component(‘apexchart’, VueApexCharts)
}
<----------------------------------end----------------------------------------------->
and you need have install “vue3-apexcharts” if you use the normal mark error too so that is very important i forgot add the file boot in the quasar.config.js i waste to much time for remember i hope you can improve my informacion in your page for helping other programers i hope this info helping see you and thnx for you excelente page. -
RE: Charts
@patryckx https://github.com/apertureless/vue-chartjs to much thnx patryckx so crack you make this so easy and better than page official really you save my life with that beatiful examples i hope you still up examples like that again to much thnx patryckx from méxico.
-
is posible pass $ref validate a component ?
my question is possible pass the $ref validate a component and the component validate the $ref sometime like this https://stackoverflow.com/questions/45187857/passing-refs-content-from-a-child-to-another-vuejs-child-component/45188166
<q-input v-model=“datos.correo” ref=“refCorreo” :rules="[ val => val !== null || ‘Debe escribir un correo o un número de celular’]" />
<ComponentExample :parentRefs="$refs.refCorreo" /> or call in the componente sometime like this this.$parent.$refs.refCorreo.validate() -
RE: computed getter / setter the setter not working
@turigeza to much thnx your right
-
RE: computed getter / setter the setter not working
@metalsadman sorry you right this is the link example excuse me for this post thnx so much for you help computed_set
-
RE: computed getter / setter the setter not working
@metalsadman look i know that is not the problem but ok in the last i will past this very clear example i did from this page https://vuejs.org/v2/guide/computed.html in the index #computed setter and again didnt working set is not react only get this is my code and you can check test easy thnx .
<template lang="es"> <q-page class=""> <div id="demo">{{ fullName }}</div> <q-input v-model="firstName" filled type="text" /> </q-page> </template> <script> export default { data () { return { firstName: 'Foo', lastName: 'Bar' } }, computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ') console.log(names) this.firstName = names[0] this.lastName = names[names.length - 1] } } } } </script>
-
RE: computed getter / setter the setter not working
@turigeza hi yes i didnt put that code cause in the example pruebax should be work with that but the point is get is working and set not that i put the console log but never show arent know is the version or something else but thnx.
-
computed getter / setter the setter not working
i have quasar version 1.6.0 the problem is the get is function but the set not is working i try to do in other clean page and happen the same somebody having this problem ???
<q-btn type="button" color="red" size="sm" label="Cancelar" @click="prueba++"/> export default { data () { return { datos: { nombre: '', paterno: '', materno: '', fechaNacimiento: date.formatDate(Date.now(), 'DD/MM/YYYY'), edad: 0, sexo: '', rfc: '', celular: '', correo: '', descripcion: '' }, edades: 0, options: [ 'Masculino', 'Femenino' ], prueba: 0, prueba2: 0 } }, computed: { edadCliente: { get () { const date1 = new Date() const fecha = this.datos.fechaNacimiento.split('/').reverse().join('/') // const diff = date.getDateDiff(date1, fecha, 'years') // const fecha = dateDisplay.split('/').reverse().join('/') return date.getDateDiff(date1, fecha, 'years') }, set (value) { console.log(value) this.edades = value } }, pruebax: { get () { return this.prueba * 2 }, set (v) { console.log(v) this.prueba2 = v } } } }