在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ vue2.0 v-html過濾操作

vue2.0 v-html過濾操作

<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'  
              }
          ]
    }
}

}

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

回答
編輯回答
假灑脫

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

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

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

2017年5月1日 11:26