鍍金池/ 問(wèn)答/Java  HTML/ vue2.0 v-html過(guò)濾操作

vue2.0 v-html過(guò)濾操作

<template>

<ul id="list">
    <li v-for="(item,index) in list" v-html=item.source>
        
    </li>
</ul>

</template>
//JS
export default {

data(){
    return {
          list:[
              {
                  source:'<img src="pic.jpg" />'
                  sound:'music.mp3'  
              }
          ]
    }
}

}

問(wèn)題:
通過(guò)v-html渲染的dom,比如上面的img。如果想操作圖片放大等,應(yīng)該怎么寫呢?
多謝了

回答
編輯回答
假灑脫

v-html渲染的內(nèi)容中的圖片,可以統(tǒng)一去控制樣式的

#list img{
    width:100%
}
樣式標(biāo)簽不能加scoped。否則v-html渲染樣式會(huì)修改無(wú)效
2017年10月11日 07:39
編輯回答
不二心

應(yīng)該把圖片放到獨(dú)立的img標(biāo)簽中,而不是放到 v-html 中。
在獨(dú)立的img標(biāo)簽中去綁定事件,操作圖片。

2017年5月1日 11:26