Skip to content

Commit

Permalink
fix(inject): use hasOwn instead of 'in' for provideKey check (vuejs#7460
Browse files Browse the repository at this point in the history
)

fix vuejs#7284

* fix(Injection with Symbol polyfill): hasOwn instead of 'in'

Symbol polyfill adds a setter on the Object prototype so the 'in' check evaluated to true on every
object

* test(Injected properties): Ensures prototype properties aren't injected

Prototype properties were being injected, so injecting 'constructor' would have hit the first
provide-layer and not yield expected results.
  • Loading branch information
privatenumber authored and aJean committed Aug 19, 2020
1 parent 2a1d1c0 commit 55cd233
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/core/instance/inject.js
Expand Up @@ -3,6 +3,7 @@
import { warn } from '../util/index'
import { hasSymbol } from 'core/util/env'
import { defineReactive, observerState } from '../observer/index'
import { hasOwn } from 'shared/util'

export function initProvide (vm: Component) {
const provide = vm.$options.provide
Expand Down Expand Up @@ -52,7 +53,7 @@ export function resolveInject (inject: any, vm: Component): ?Object {
const provideKey = inject[key].from
let source = vm
while (source) {
if (source._provided && provideKey in source._provided) {
if (source._provided && hasOwn(source._provided, provideKey)) {
result[key] = source._provided[provideKey]
break
}
Expand Down
12 changes: 12 additions & 0 deletions test/unit/features/options/inject.spec.js
Expand Up @@ -635,4 +635,16 @@ describe('Options provide/inject', () => {

expect(injected).toEqual('foo')
})

// #7284
it('should not inject prototype properties', () => {
const vm = new Vue({
provide: {}
})
new Vue({
parent: vm,
inject: ['constructor']
})
expect(`Injection "constructor" not found`).toHaveBeenWarned()
})
})

0 comments on commit 55cd233

Please sign in to comment.