此方式不需要在特定頁面內(nèi)加入組件代碼，通過調(diào)用公共API方法即可，公共預(yù)覽方法內(nèi)，會進(jìn)行預(yù)覽組件的動態(tài)加載（追加至body節(jié)點）
-
1.在main.js中引入ElImageViewer，此組件默認(rèn)不對外暴露，是image組件中使用的一個功能：
import ElImageViewer from "element-ui/packages/image/src/image-viewer"; -
2.在預(yù)覽的公共方法中：
let ElImageViewer = Vue.extend({ template: '<el-image-viewer v-if="elImageViewerVisible" :on-close="() => {elImageViewerVisible = false}" :url-list="elImageViewerList" />', data: function () { return { elImageViewerVisible: true, elImageViewerList: [url] } } }) let component = new ElImageViewer().$mount() document.body.appendChild(component.$el)
