vue插入HTML代码的问题

Question

我在一个页面组件里点链接调用方法获取后台数据 得到的是一段HTML代码 是个完整的HTML页面结构 啥标签都有 然后我用了iview的modal弹框 我想把这段HTML代码放到弹框里 并且能解析出来 但是我这么 做的，弹框里还是HTML代码 标签没有解析 用表达式不行 v-html也不行 这该怎么弄呢
模板代码
<p>
<router-link to="" @click.native="readProtocol" class="protocolUrl">【查看脐橙金融协议范本】
</router-link>
<Modal v-model="modalTab">

{{protocol}}

</Modal>
</p>

export default {
protocol: '',
modalTab：false
}

methods: {
readProtocol() {

            let params = {
                type: 1,
                bidId: storageUtil.get('bidId')
            }
            protocolService.ReadmodelAgreement('protocol_template_url',params).then((res) => {
                this.modalTab = true
                this.protocol = res
    
            })
        }

}

Answer 1

双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML ，你需要使用 v-html 指令

Answer 2

{{protocol}}这里解析出来是一个html的结构吗