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>
				)
	}