在渲染有时候会遇到渲染标签结构的文本,就会用到v-html,但是渲染之后的样式会不生效。
示例代码:
<div class="nrimgwidth" v-html="xqData"></div>
data数据:
xqData: ` <image src="../../static/logo.png" mode=""></image>`,
需要更改图片的大小:
样式格式代码:
格式为: .nrimgwidth >>>img{ 。。。}
正确写法:
<style scoped>
.nrimgwidth>>>img {
height: 480rpx;
width: calc(100vw - 60rpx);
}
</style>