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

鍍金池/ 問答/HTML/ vue中的style樣式渲染失效

vue中的style樣式渲染失效

clipboard.png

紅色部分第一次可以渲染上去,刷新網(wǎng)頁就渲染不上去了 是為什么

回答
編輯回答
選擇

你的樣式是動態(tài)樣式,刷新頁面樣式不見了只有一個原因,那就是你的userCoverImgUrl取不到了,至于為什么取不到:
1.你可以看看控制臺有沒有報錯??
2.打印你取userCoverImgUrl的地方看看有沒有值然后分析為什么。。。。
就醬

2018年3月6日 05:30
編輯回答
舊言

審查 元素, 看看元素 的 style, 有沒有值, 如果沒有那就有可能 是你的屬性名屬性名寫錯了, 造成 vue 直接忽略。
要是我我會 這樣寫。例如

<template>
  <div class="img-desc" :style="bg">
  </div>
</template>
<script>
  export default{
    props: ['pic'],
    computed: {
      bg () {
        let pic = `url(${this.pic}) no-repeat center center  / cover`
        return {
          background: pic
        }
      }
    }
  }
</script>
2017年2月6日 12:47