vue-set-value

Vue.set with dot notation support (`'a.b.c'`) paths.

3,601 2

vue props nested key keys set object prop value values notation properties property get deep-get-set deep-object

Maintainer: yarsky

Create nested values and any intermediaries on vue reactive objects using dot notation ('a.b.c') paths.

This project is only fork of great package set-value made by Jon Schlinkert

Install with npm:

$ npm install --save vue-set-value

var vueDeepSet = require('vue-set-value');
vueDeepSet(object, prop, value);

Updates and returns the given object:

vueDeepSet(target, 'a.b.c', 'd');
console.log(target);
//=> { a: { b: { c: 'd' } } }

Escaping with backslashes

Prevent set-value from splitting on a dot by prefixing it with backslashes:

console.log(vueDeepSet(target, 'a\\.b.c', 'd'));
//=> { 'a.b': { c: 'd' } }

console.log(vueDeepSet(target, 'a\\.b\\.c', 'd'));
//=> { 'a.b.c': 'd' }

Related Packages

@websanova/vue-dot

Specialized dot notation get, set deep merge for vue.js objects.

1,337

get notation object set vue deep deepmerge dot merge vue.js

vue-coerce-props

Coerce props to custom values

704,108 72

prop props value vue coerce function sanitize transform

vue-set-path

Set Vue reactive properties on a object, using dot notation path syntax

17,730 4

object set vue dot keypath path reactive

queryzz

queryzz - a lightweight JS library for manipulating URL query parameters. Get, s...

3,375 9

get set vue format formatquery getquery query queryzz react setquery +2

vue-deepset

Deep set Vue.js objects

93,533 91

nested set vue binding deep dynamic form model mutation path +6

Version	Released	Vue	License
1.0.3	Dec 1, 2018	^2.5.16	MIT
1.0.2	Oct 27, 2018	^2.5.16	MIT
1.0.1	Oct 27, 2018	^2.5.16	MIT
1.0.0	Jun 3, 2018	^2.5.16	MIT