v-html展示出来数据怎么修改样式

Posted 2021-11-09 青袂婉梦

我们可以用/deep/穿透去实现

<template>
    <div>
        <p class="text" v-html="data.msg"></p>
    </div>
</template>

<style scoped lang="scss">
   .text /deep/{
      display: flex;
      img{  //p标签内的img
          float: left;
          width: 130px;
          height: 130px;
       }
    }
</style>