第一種
v-bind:class="{ active: item.isActive } v-on:click="doSomething"
active是樣式名,內容是紅色背景.
item.isActive在data中，為布爾值。
doSomething在methods中，對item.isActive取反.
第二種<div id="playPage" class="blur" v-bind:style="{backgroundImage: 'url(' + albumpic_big + ')'}">
第三種
在.vue文件中的CSS樣式中，使用背景圖
在webpack打包后，路徑不對，怎么辦呢？
回答
如果你用了vue-cil，那么在build目錄下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面這個屬性就完美解決了publicPath: ‘../../‘
第四種
<img :src="'product/img?id='+imgObj.id+'&thumbnail=true'" alt="圖片">