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>