Hey guys!
Just a quick hint on VUE reactive properties.
If you want a new property of an object to be reactive, do it this way.
Bad:
const vueObj = {} vueObj.newProperty = {}
Good:
const vueObj = {} Vue.set(vueObj, 'newProperty', {})`
For example you may have a button, which adds a new empty object, like this:
<template> <my-field-editor v-model="field" v-id="showEdit" /> </template>
Bad:
methods: { addField () { this.field = {} this.field.id = uuidv4() this.field.required = false this.field.name = '' this.showEdit = true },
Good:
methods: { addField () { this.field = {} Vue.set(field, 'id', uuidv4()) Vue.set(field, 'required', false) Vue.set(field, 'name', '') this.showEdit = true },
Top comments (0)