//html
<view v-if="html" class="resource-head" v-html="html"></view>
//-------------------------------------------
//js
<script>
export default {
data() {return {html: null,};},created() {//resource 是后台拿到的富文本，储存在vuex，内部含带有行内样式的图片this.html = this.transIntroduce(this.$store.state.resource);},methods: {//创建方法transIntroduce ， 拿出图片内部样式 ， 改变了在放回去 ，已达到改变图片尺寸问题transIntroduce(html) {if (!html) {return '';}let pos = 0;let openIdx = 0;let closeIdx = 0;while (pos !== -1) {openIdx = html.indexOf('<img', pos);closeIdx = html.indexOf('>', openIdx);if (openIdx === -1 || closeIdx === -1) {break;}let img = html.substring(openIdx, closeIdx + 1);let styleIdx = 0if ((styleIdx = img.indexOf('style="')) !== -1) {img = img.replace(/(width|height): *[\d\.]+(px|%);?/g, '').replace('style="', 'style="max-width:100%;');} else {img = img.replace('<img', '<img style="max-width:100%"');}html = html.substring(0, openIdx) + img + html.substring(closeIdx + 1);pos = closeIdx;}return html;},}
}
</script>