Vue src 赋值

Question

<img src="https:/*.com/shop/"${isMore ? 'down' : 'up'}".png"/>
这种正确写法应该是怎么样的呢？

Answer 1

<img :src="'https:/*.com/shop/'+(isMore ? 'down' : 'up')+'.png'"/>

Answer 2

需要使用ES6语法

<img :src="`https:/*.com/shop/${isMore ? 'down' : 'up'}.png`"/>

你的写法修改
<img src="https:/*.com/shop/"${isMore ? 'down' : 'up'}".png"/>

src修改为:src
使用${}需要用ES6的``语法；按钮1的左边第一个按键；
"${isMore ? 'down' : 'up'}"可以直接把”“双引号去除

Answer 3

<img :src="'src=https:/*.com/shop/' + (isMore ? 'down' : 'up') + '.png'">

这样写一下试试，应该可以的。