by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 31 2019 22:22
    visualfanatic edited #9403
  • Jan 31 2019 22:04
    visualfanatic opened #9403
  • Jan 31 2019 18:25

    yyx990803 on regression-test

    fix: allow more enumerated valu… chore: update sponsors [ci skip… fix: fix v-bind:style for camel… and 1 more (compare)

  • Jan 31 2019 17:29
    yyx990803 closed #9402
  • Jan 31 2019 17:20
    devedse opened #9402
  • Jan 31 2019 16:49
    Justineo closed #9401
  • Jan 31 2019 16:40
    Giwayume opened #9401
  • Jan 31 2019 15:24
    yyx990803 closed #9396
  • Jan 31 2019 15:24

    yyx990803 on dev

    fix: fix child forceUpdate regr… (compare)

  • Jan 31 2019 15:08
    yyx990803 closed #9382
  • Jan 31 2019 15:08

    yyx990803 on dev

    fix: fix v-bind:style for camel… (compare)

  • Jan 31 2019 15:08
    yyx990803 closed #9386
  • Jan 31 2019 15:04

    yyx990803 on dev

    chore: update sponsors [ci skip… (compare)

  • Jan 31 2019 15:04

    yyx990803 on patreon-update-1548947041032

    (compare)

  • Jan 31 2019 15:04
    yyx990803 closed #9400
  • Jan 31 2019 15:04

    vue-bot on patreon-update-1548947041032

    chore: update sponsors [ci skip] (compare)

  • Jan 31 2019 15:04
    vue-bot opened #9400
  • Jan 31 2019 14:59

    yyx990803 on patreon-update-1548924868622

    (compare)

  • Jan 31 2019 14:58
    yyx990803 closed #9393
  • Jan 31 2019 14:56

    yyx990803 on dev

    fix: allow more enumerated valu… (compare)

ezekel
@ezekel
why it will not work ?
please help
ezekel
@ezekel
this.terms value is "[{"id":1,"name":"Fixed","descriptin":null},{"id":2,"name":"Accrued","descriptin":null}]"
string ?
ezekel
@ezekel
Ohhhh, I got iiiiiit
Gabriel Macus
@gabrielmacus
Hi, i'm trying to use vuex store inside beforeEnter, but i can't figure out how to access it,any ideas?
Omereshone Kelvin Oghenerhoro
@DominusKelvin
Hi @gabrielmacus . Just import the store.
Andrius Solopovas
@asolopovas
Guys isn't anyone of you annoyed about the chrome console bug where "selected context only" setting does not persist, doesn't it bother you when you get error messages from plugins rather than from application you develop? Can at least a few of you vote for this to be fixed?https://bugs.chromium.org/p/chromium/issues/detail?id=901863
bgilbert6
@bgilbert6
anyone use vue with dotnet core proxy spa ?
cannot figure out webpack publicUrl
matrixbot
@matrixbot
schum hey i'm running into a strange issue when running unit tests. "[Vue warn]: Invalid handler for event "user-clear": got undefined" I'm using the @vue/composition-api and the handler for that event is a function defined and returned in the setup method. i don't get that error if i move the logic to the methods group
schum * hey i'm running into a strange issue when running unit tests. "[Vue warn]: Invalid handler for event "user-clear": got undefined" I'm using the @vue/composition-api and the handler for that event is a function defined and returned in the setup method. i don't get that error if i move the logic to the methods group
Impact Dev Admin
@imagineimpact
I'm getting this error but it doesn't seem obvious why:
Property or method "field" is not defined on the instance but referenced during render
            <component
              v-bind:is="checkbox-field"
              :field="{ name: 'legal', label: 'Agree', validators: ['true'] }"
              :formstate="formstate"
              :model="model"
            />
<template>
  <validate :state="formstate" class="form-group col-md-12" :custom="validators" v-if="relevant()">
    <div class="form-check">
      <input
        type="checkbox"
        class="form-check-input"
        :class="className"
        :name="field.name"
        v-model="model[field.name]"
      />

      <label class="form-check-label" :for="field.name">{{ field.label }}</label>
    </div>
  </validate>
</template>
It seems like my component has field defined on the instance, so Im very perplexed as to why it's saying otherwise
prog20901
@prog20901

Suggestion of 10 (TEN) crucial items for developing web application 2020

Could someone suggest the best tool/framework for small or medium size or enterprise web application for 2020 - 10 to 1000 users and millions of records

#1 - Best Unit test case framework

#2 - Best NoSQL Database

#3 - Best Relation Database

#4 - Best Synchronous Framework

#5 - Best Asychronous Framework

#6 - Best Front-End Framework (Active Development, Max Support)

#7 - Best Debugging Tool

#8 - Best Performance Tuning Tool

#9 - Best Code Coverage Tool

#10 - Best DB migration tool (ex: flyway)

Thanks.

ckweb
@1049906948
sdsh
大家好
我想法赚钱
我是中国人
matrixbot
@matrixbot
SERP!C0 prog20901 (Gitter): there is no "best" tool. Each tool is a better solution for a specific problem. With that, your viewing angle should be defining the scope of the problem to solve thn laying down the solution and best fitting tools.
If I may use a layman analogy, your questions sounds like: what's the best hammer, best nail, best brush, best paint, best cement, best screw, best screwdriver, etc.
I can help you better if you clarify why you're asking those questions 😇
ezekel
@ezekel
can I ask some help please how can I add Spinner and Loading... in my button when I clicked it
<button type="button" @click="updateExpense" class="btn btn-primary float-right">Update</button>
methods:{ updateExpense(){ // I want my button "Update" to show Spinner and Loading.... } }
sorry I don't know how to format, need a hand please
hivemall
@hivemall
what makes vue different from react/express ?
Robert
@robert197
Nuxt is awesome but even more awesome with django based cms called wagtail
this is a great post and nice github project!
cesar poclin
@CesarPoclin_twitter
imagen numero 02 vue.js.png
imagen numero 01 vue.js.png
Amigos ayudeme por favor soy de Peru . Saludos
Yuniel Acosta Pérez
@yuniel-acosta

I need to convert this code from a mixins written in javascript to typescript, but when making the changes I get an error, which is clear because I am assigning heading values. How could I transform my code to typescript correctly.

warn]: Avoid mutating an injected value directly since the changes will be overwritten whenever the provided component re-renders. injection being mutated: "heading"

This is the original mixin (javascript)

export default {
name: 'Heading',

inject: {
heading: {
default: () => ({ align: 'left' }),
},
},

provide () {
return {
heading: {
align: this.align,
},
}
},

props: {
align: {
type: String,
default () {
return this.heading.align
},
},
},

computed: {
justify () {
switch (this.align) {
case 'center': return 'center'
case 'right': return 'end'
default: return 'start'
}
},
},
}
and this is my version in typescript

import {Component, Prop, Inject, Provide, Vue} from 'vue-property-decorator';

@Component
export default class Heading extends Vue {
@Inject({default: () => ({align: 'left'})}) heading!: any;
@Prop({type: String, default() {return this.heading.align}}) public align: string;
// @ts-ignore
@Provide() heading = {align: this.align} // error in the same identifier so use @ts-ignore

public get justify() {
switch (this.align) {
case 'center':
return 'center'
case 'right':
return 'end'
default:
return 'start'
}
}
}
My code works but the errors in the browser console continue. Any ideas how I can convert that mixin to typescript without throwing errors at the browser console.

The mixin is used in several other components through the app. I hope you can help me

marinariverside
@thehedat92_twitter
qua hay
jiangkeyuan
@jiangkeyuan
vuex3 Upgrade to existing project error reporting You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists. You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists. at Collection.get (C:\Users\Chen\AppData\Roaming\nvm\v10.18.0\node_modules\@vue\cli\node_modules\jscodeshift\src\Collection.js:213:13) at injectOptions (C:\Users\Chen\AppData\Roaming\nvm\v10.18.0\node_modules\@vue\cli\lib\util\codemods\injectOptions.js:15:6) at newTransform (C:\Users\Chen\AppData\Roaming\nvm\v10.18.0\node_modules\@vue\cli\node_modules\vue-jscodeshift-adapter\src\jscodeshift-mode.js:9:14) at runCodemod (C:\Users\Chen\AppData\Roaming\nvm\v10.18.0\node_modules\@vue\cli\lib\util\runCodemod.js:29:26) at Object.keys.forEach.file (C:\Users\Chen\AppData\Roaming\nvm\v10.18.0\node_modules\@vue\cli\lib\Generator.js:290:23) at Array.forEach (<anonymous>) at Generator.resolveFiles (C:\Users\Chen\AppData\Roaming\nvm\v10.18.0\node_modules\@vue\cli\lib\Generator.js:276:24) at process._tickCallback (internal/process/next_tick.js:68:7)
Liyakat hussain
@MatellioLiyaquet
Hello Guys i have a query, I want to access Vue translation object "Vue.prototype.$tc()" in a normal js file
Can someone please help me
prog20901
@prog20901
Is server-side rendering of HTML and sending HTML response is the best practice or making the front-end to manipulate the data ???
ezekel
@ezekel
Hi I'm using this select2 plugin https://github.com/sagalbot/vue-select
my question where I should inlcude this @import "vue-select/src/scss/vue-select.scss"; ?
Sergey Maranchuk
@slav0nic
@ezekel in components <style scoped> for example
prog20901
@prog20901
any good link to learn vue.js...I'm pretty new ...
Ness B
@Bokoness

hey guys, I have a little problem, I'm posting an HTTP request, then updating the vuex store, then trying to clear all the form fields and the instance variables of the component, somehow my app is clearing the fields before updating the store, and then when it updates the store with empty values, any ideas what is the problem?
this is the code:

axios({
    url: "/boards",
    method: "POST",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    data: formData
}).then(() => {
    this.$store.commit("addBoard", this.boardDetails)
    this.resetValues() //clearing the values
});

this is the mutation in store:

addBoard: (state, payload) => state.boards.push(payload)
aravta
@aravta
@yuniel-acosta this is how your code should turn up in the room + this is your code
export default {
name: 'Heading',

inject: {
heading: {
default: () => ({ align: 'left' }),
},
},

provide () {
return {
heading: {
align: this.align,
},
}
},

props: {
align: {
type: String,
default () {
return this.heading.align
},
},
},

computed: {
justify () {
switch (this.align) {
case 'center': return 'center'
case 'right': return 'end'
default: return 'start'
}
},
},
}
and this is my version in typescript

import {Component, Prop, Inject, Provide, Vue} from 'vue-property-decorator';

@Component
export default class Heading extends Vue {
@Inject({default: () => ({align: 'left'})}) heading!: any;
@Prop({type: String, default() {return this.heading.align}}) public align: string;
// @ts-ignore
@Provide() heading = {align: this.align} // error in the same identifier so use @ts-ignore

public get justify() {
switch (this.align) {
case 'center':
return 'center'
case 'right':
return 'end'
default:
return 'start'
}
}
}