vue data屬性中的值綁定到dom上的一些問題

1、html屬性綁定既有字符串又有變量的寫法

<a :href="`tel:${item.mobile}`">
      <img class="phone-icon" src="../assets/images/icon-phone.png" alt="">
</a>

 

2、路由綁定寫法：

<router-link :to="navlist.link">

3、html上綁定由data返回的class名

<span :class="[ navlist.nav_icon ,xxx]"></span>

4、直接在html中的src會被打包編譯，但是html綁定data返回的圖片地址路徑不會被webpack打包編譯問題。通過require引入相對路徑，可解決。

<span :style="wexinlist.imgSrc"></span>

wexinlists:[

　　imgSrc:'background:url('+ require("../assets/images/bug.gif")+') center no-repeat;background-size:100%'

]