vue动态创建图片

vue动态创建图片;

方法一:img一定会绑定:src;而同webpaack构建出来的项目;必定会报404(找不到的错误);这时候我们应该修改数组中的地址;通对象形式;

{src:require('path');

方法2:

其实通过配置 transformToRequire 后，就可以直接配置。

{
  vue: {
    transformToRequire: { avatar: ['default-src'] } } } 

于是我们代码就可以简化不少

<template>
  <div> <avatar default-src="./assets/default-avatar.png"></avatar> </div> </template>

转载于:https://www.cnblogs.com/QxkWeb/p/6627841.html