JS模板字符串拼接
$oss是main.js中定义好的,主要用于图片URL的拼接Vue.prototype.$oss = {basicAddress: 'http://oss.bailimeijia.com'}1、在HTML中使用模板字符串拼接<img class="img-circle" :src="$oss.basicAddress + '/' + businessorgData.idCardUrl1" s
·
$oss是main.js中定义好的,主要用于图片URL的拼接
Vue.prototype.$oss = {
basicAddress: 'http://oss.bailimeijia.com'
}
1、在HTML中使用模板字符串拼接
<img class="img-circle" :src="$oss.basicAddress + '/' + businessorgData.idCardUrl1" style="width: 100px; height: 100px" />
2、在js中使用模板字符串拼接
data() {
return {
fileList: [{
url:`${this.$oss.basicAddress}/FrIkEw2UlgTxcmNKjt7FxywVT-W4`,
}]
}
},
3、其他模板字符串的使用
$('#list').html(`
<div id=sm_shop_tp>
<p>商家名字:<span>XXX</span></p>
<p>商家地址:<span>XXX</span></p>
<p>商家联系方式:<span>XXX</span></p>
</div>
`);
如果使用模板字符串表示多行字符串,则所有的空格、缩进和换行都会被保留在输出中。
如果想把行首和行尾的换行、空格等去掉,则使用trim方法即可。
$('#list').html(`
<div id=sm_shop_tp>
<p>商家名字:<span>XXX</span></p>
<p>商家地址:<span>XXX</span></p>
<p>商家联系方式:<span>XXX</span></p>
</div>
`.trim());
更多推荐
已为社区贡献2条内容
所有评论(0)