vue中的style样式渲染失效

clipboard.png

红色部分第一次可以渲染上去,刷新网页就渲染不上去了 是为什么

阅读 5.3k
2 个回答

审查 元素, 看看元素 的 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>

你的样式是动态样式,刷新页面样式不见了只有一个原因,那就是你的userCoverImgUrl取不到了,至于为什么取不到:
1.你可以看看控制台有没有报错??
2.打印你取userCoverImgUrl的地方看看有没有值然后分析为什么。。。。
就酱

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题