Vue JS - v-html;无法使用
我想与 v-html 一起使用。我创建动态内容。像这样：
ekspresKeno: {
title: "Necə Oynanılır?",
image: "/keno/ekspres-keno-popup.jpg",
content: `
<p>Azərbaycanda ilk dəfə dünya üzrə məşhur Keno oyunları!</p>
<p>Keno oyunlarını ən azı 1 AZN, ən çoxu isə 1000 AZN olmaqla istənilən vaxt oyanaya bilərsiniz. Maksimal uduş məbləği isə 100 000 AZN-dir. </p>
<p><strong>VACİB:</strong> Təsadüfi Nömrələrin Generasiyası vasitəsi ilə nömrələnmiş nömrələrdən təsadüfi şəkildə bəziləri təyin olunur və bu nömrələr əsasında uduş kombinasiyaları təyin olunur.</p>
<p>Daha çox məlumat və bütün oyun qaydaları üçün <nuxt-link :to="$store.state.PAGES.FAQ">Yardım</nuxt-link> bölmesine bakın. </p>
`
}
我将这个 ekspresKeno 对象作为道具发送。并将其与 v-html 指令一起使用，如下所示：
<div class="content" v-html="item.content"></div>
v-html can't render 。 v-html 也无法渲染 @click 事件。在这种情况下我该如何使用。
https://codesandbox.io/s/dazzling-grass -lw78de?file=/components/Tutorial.vue
I want to use with v-html. I create dynamic content. Like this:
ekspresKeno: {
title: "Necə Oynanılır?",
image: "/keno/ekspres-keno-popup.jpg",
content: `
<p>Azərbaycanda ilk dəfə dünya üzrə məşhur Keno oyunları!</p>
<p>Keno oyunlarını ən azı 1 AZN, ən çoxu isə 1000 AZN olmaqla istənilən vaxt oyanaya bilərsiniz. Maksimal uduş məbləği isə 100 000 AZN-dir. </p>
<p><strong>VACİB:</strong> Təsadüfi Nömrələrin Generasiyası vasitəsi ilə nömrələnmiş nömrələrdən təsadüfi şəkildə bəziləri təyin olunur və bu nömrələr əsasında uduş kombinasiyaları təyin olunur.</p>
<p>Daha çox məlumat və bütün oyun qaydaları üçün <nuxt-link :to="$store.state.PAGES.FAQ">Yardım</nuxt-link> bölmesine bakın. </p>
`
}
And i send this ekspresKeno object as a props. And use it with v-html directive like this:
<div class="content" v-html="item.content"></div>
v-html can't render . Also v-html can't render @click event. How can i use in this case.
https://codesandbox.io/s/dazzling-grass-lw78de?file=/components/Tutorial.vue
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
当“内容”是一个道具时，您需要使用：
When 'content' is a prop than you need to use: