Vue报错如下,解决办法:
不使用模板字符串
<ul :style="{transition:chageStr,transform:'translateX('+currentWidth+'px)'}" v-on:transitionend="transformend">
<li >
<img :src="firstImg.src" />
</li>
<li v-for="(item, index) in imgArr" v-bind:key="item.id" >
<img :src="item.src" />
</li>
<li >
<img :src="lastImg.src" />
</li>
</ul>
注意模板字符的拼接
<router-link :to="`${Math.random()}`"></router-link>
transition属性后面需要接字符串
transition: all .5s;
这样的属性,可以写成
<ul :style=`transition: all .5s,translateX(${current}px)` v-on:transitionend="transformend">
这样就不会报错了