用 Vue.js 在 IE11 中填充图片

Question

在 IE11 中，Picturefill 库不适用于 Vue.js。我收到以下警告：

[Vue warn]: Unknown custom element: <picture> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

我可以使用Vue.config.ignoredElements = ['picture'] 删除警告，但这似乎并不能解决问题。我认为 Vue.js 在后台使用图片标签做事是因为它没有被 IE11 识别，因此 Vue.js 认为它​​是一个自定义标签？

请告诉我如何解决这个问题！谢谢

Answer 1

对于 IE11，您必须在 DOM 中加载图片标签后调用图片填充函数。它会将 src 属性动态添加到 img 标签中。

//For IE 11 Fix
    if(typeof picturefill === "function") {
      picturefill();
    }