【vue.js】src这个恶心的问题怎么解决，求解

Question

如下代码，为什么，为什么，为什么这个src就读不出来，后台用ajax请求的，数据是好几十条的列表，里面的src是一个网络地址图片，为什么vue就不现实啊，烦死，求在不改请求返回值的情况下解决

 <div class="left-box aui-margin-b-10" v-for="item in boxItems">

                <img src="{{item.pict_url}}">

    </div>

报错：
%7B%7Bitem.pict_url%7D%7D:1 GET file:///H:/letui/%7B%7Bitem.pict_url%7D%7D net::ERR_FILE_NOT_FOUND

Answer 1

vue是绑定语法 绑定属性需要用到v-bind:src="item.pict__url" 也可以缩写:src="item.pict_url"

Answer 2

vue的模板并不是简单的字符串拼接替换。不要套用服务器端<% %>的输出模式。vue的{{....}}标签实际上是创建一个文本节点。{{....}}标签语法不能作用在 HTML 属性上，应该使用 v-bind 指令：<img&nbsp;v-bind:src="item.pict_url">

Answer 3

绑定写法，仔细看文档:src="item.pict_url" {{}}是文本节点