Как использовать lodash.set вместе с Vue.$set?

Question

[mrSeller]

Есть проблема: Vue.$set(obj, prop, value) некорректно обрабатывает пропсы вида 'prop.subprop', зато его отлично обрабатывает lodash.set(), но set() у lodash не устанавливает реактивность.

Как можно решить эту проблему, не придумывая велосипед, который уже есть у lodash?

Answer 1

[mrSeller]

Решил проблему так:

import set from 'lodash/set'

const prop = 'prop.subprop'
const rootProp = prop.split('.')[0]
const nonReactiveObject = set(this.reactiveObject, prop, value)

this.$set(this.reactiveObject, rootProp, nonReactiveObject[rootProp])