Vue动态绑定style 样式

<template>
  <div>
    <div :style="mark" ></div>
  </div>
</template>

<script>
export default {
    data() {
        return{
              mark: {
              height:'70px',
              width:'70px',
              background:"url("+ require('../../assets/images/xxx.png') +") no-repeat center",
              position:'absolute',
              top:'498px',
              left:'155px',
              }
            }
}
</script>

需要注意的是:background 的url 要用require引入。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • {"keys":[{"key2":"余华","key":"活着","url":"https://www.jians...
    书籍数据记录阅读 731评论 0 0
  • 最近自己写的简书文章太多了,导致很难找到之前写的文章。 于是,我想整理一篇目录,使用搜索快捷键:ctrl+F,即可...
    张云钱阅读 1,848评论 0 1
  • 红衣女挪到大仙跟前时 大仙已处于休眠状态 终于到我了 这是小妖头一次有机会这么近距离又不显突兀地观察这个过程 有什...
    今生与你相遇阅读 324评论 0 0
  • 根据攻击原理,可进行针对性的防范: 第一步,利用WEB服务器提供的文件上传功能(例如本意是让用户上传头像图片),从...
    枕水眠山阅读 961评论 0 0
  • 文/赵元波 相信很多人都有这样的体验,晚上不想睡,熬到深夜,早上却怎么也不想起床,即使头天晚上上好了闹钟,到点了,...
    赵元波阅读 443评论 0 0

友情链接更多精彩内容