diff --git a/src/platforms/web/runtime/modules/dom-props.js b/src/platforms/web/runtime/modules/dom-props.js index da8143bf81e..28ee59eefc7 100644 --- a/src/platforms/web/runtime/modules/dom-props.js +++ b/src/platforms/web/runtime/modules/dom-props.js @@ -1,6 +1,9 @@ /* @flow */ import { isDef, isUndef, extend, toNumber } from 'shared/util' +import { isSVG } from 'web/util/index' + +let svgContainer function updateDOMProps (oldVnode: VNodeWithData, vnode: VNodeWithData) { if (isUndef(oldVnode.data.domProps) && isUndef(vnode.data.domProps)) { @@ -55,6 +58,17 @@ function updateDOMProps (oldVnode: VNodeWithData, vnode: VNodeWithData) { if (shouldUpdateValue(elm, strCur)) { elm.value = strCur } + } else if (key === 'innerHTML' && isSVG(elm.tagName) && isUndef(elm.innerHTML)) { + // IE doesn't support innerHTML for SVG elements + svgContainer = svgContainer || document.createElement('div') + svgContainer.innerHTML = `${cur}` + const svg = svgContainer.firstChild + while (elm.firstChild) { + elm.removeChild(elm.firstChild) + } + while (svg.firstChild) { + elm.appendChild(svg.firstChild) + } } else { elm[key] = cur }