vue.js 带插槽的自定义组件上的v-pre

hjzp0vay  于 2022-12-30  发布在  Vue.js
关注(0)|答案(1)|浏览(118)

我刚刚将Vue.js从2.5.17版更新到2.5.22版,它破坏了我的一些代码:

    • 小狗**
ssh-pre(language="html-vue" v-pre).
    <div v-for="i in 3" :key="i">{{ i }}</div>

With Vue version 2.5.17 it was calling my component ssh-pre and now it does not anymore in version 2.5.22 (looks like a fix https://github.com/vuejs/vue/pull/8376 , and according to the docs it was meant to be like this: https://v2.vuejs.org/v2/api/#v-pre.
那么现在,我如何让我的组件被调用,而不解释胡须,也不在ssh-pre中添加子元素,因为所有的内容都是要呈现的插槽?

iyfamqjs

iyfamqjs1#

这读起来有点复杂,但它确实起到了作用,并且不修改呈现的文本:只要把转义的花括号放在字符串里面,再放在mustaches里面就行了!

ssh-pre(language="html-vue" v-pre).
    <div v-for="i in 3" :key="i">{{ '\{\{ i \}\}' }}</div>

相关问题