Vue和uniapp中v-html渲染的标签样式更改不生效

1,092 阅读1分钟

在渲染有时候会遇到渲染标签结构的文本,就会用到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>