我有一個未定義計算的錯誤，我似乎無法找到解決這個問題的方法，即使將其放入computed: {}
<template>
<component :is="tag" v-html="sanitizedContent" />
</template>
<script>
import { defineComponent } from "@nuxtjs/composition-api";
import DOMPurify from "isomorphic-dompurify";
export default defineComponent({
name: "HTMLContent",
sanitizedContent: computed(() => DOMPurify.sanitize(props.content)),
props: {
tag: {
type: String,
default: "div",
},
content: {
type: String,
default: "",
},
},
});
</script>
uj5u.com熱心網友回復：
通過查看您的代碼，您可以使它變得更好，如下所示：
從匯入缺失computed的"@nuxtjs/composition-api"，并添加缺失的setup函式，回傳你想要的值。
<template>
<component :is="tag" v-html="sanitizedContent" />
</template>
<script>
import { computed, defineComponent } from "@nuxtjs/composition-api";
import DOMPurify from "isomorphic-dompurify";
export default defineComponent({
name: "HTMLContent",
props: {
tag: {
type: String,
default: "div",
},
content: {
type: String,
default: "",
},
},
setup(props) {
return {
sanitizedContent: computed(() => DOMPurify.sanitize(props.content)),
}
}
});
</script>
uj5u.com熱心網友回復：
您是否嘗試匯入它：
import { computed } from "vue";
和：
const sanitizedContent = computed(() => DOMPurify.sanitize(props.content))
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/474287.html
標籤：Vue.js 调试 nuxt.js vue-composition-api
上一篇：GDB在函式偏移處設定斷點