1. 程式人生 > >vue中v-html渲染的後臺返回程式碼新增樣式

vue中v-html渲染的後臺返回程式碼新增樣式

vue中v-html渲染的標籤不能直接寫css樣式,因為v-html 的內容設定帶作用域的 CSS,所以不能直接寫

<style lang="scss" scoped>  //如果把scoped去掉,直接寫樣式是可以,但這樣會很危險,也不提議

可以在生命週期鉤子函式裡面寫

updated () {
    $('.detBox img').css({
      'width': '100%',
      'max-width': '100%',
      'display': 'block'
    })
  }

這樣就可以解決問題,網上也有其它答案,像類似在選擇器後面加>>>
比如

#id >>> p {
font-size: 14px;
}

這個方法我也試過,不過沒效果,不知道是不是我寫的不對