关于VUE如何将数据绑定到a标签的href上
用过vue的程序员都知道vue数据嵌套到html中的格式是:{{data.xxx}}如果想给标签内部的属性附上这个值该如何,a标签举个例子:<a class='weui-btn weui-btn_mini btn-Orange' :href="'RejectedDescription.aspx?OrderId='+item.Orderid">跳转</a>href 前必须加上
·
用过vue的程序员都知道vue数据嵌套到html中的格式是:
{{data.xxx}}
如果想给标签内部的属性附上这个值该如何,a标签举个例子:
<a class='weui-btn weui-btn_mini btn-Orange' :href="'RejectedDescription.aspx?OrderId='+item.Orderid">跳转</a>
href 前必须加上: 不然vue不会帮你获取 item.OrderId数值进行标签渲染 就是需要给链接加上单引号区分string和data
最终渲染完的结果就是:
<a href="DoctorReject.aspx?OrderId=d3c6162b-3f5c-43a4-9533-41e141c59a6c&&DoctorId=291001" class="weui-btn weui-btn_mini btn-Orange">拒绝</a>
记住,有涉及到vue数据绑定的标签属性前记得加上:
更多推荐
已为社区贡献1条内容
所有评论(0)