vue return一个img标签

今天试了一下return一个img标签结果src里面的路径一直不显示 拉到html都没问题 找了好久终于发现找到原因写法不对

这样写的话在HTML里面是正确的 但是在js里面是不对的 会直接报错

<img src='./../../assets/img/OrganizationalStructure/frameworkOne.png' class="treeRefresh" /> <img :src='img1' class="treeRefresh" /> <img v-bind:src='img1' class="treeRefresh" />

这样写就OK了~

<img src={this.img1} class="treeRefresh" />

完整代码

data() { return { img1:require('./../../assets/img/OrganizationalStructure/frameworkOne.png'), } }, methods:{ return ( <span class="custom-tree-node"> <img src={this.img1} class="treeRefresh" /> </span> ) }