J'ai ajouté cet exemple simple d'apexcharts.com. Je suis presque sûr que l'importation est correcte. Je ne fais référence à la fenêtre nulle part. Lors de l'ajout de ce fichier, toute mon application s'arrête. Je pense que cela a quelque chose à voir avec la configuration SSR ou Nuxt.
<template>
<div id="chart">
<apexchart
type="donut"
width="380"
:options="chartOptions"
:series="series"
></apexchart>
</div>
</template>
<script>
import VueApexCharts from "vue-apexcharts";
export default {
name: "Donut",
components: {
apexchart: VueApexCharts,
},
data() {
return {
data: {
series: [44, 55, 41, 17, 15],
chartOptions: {
chart: {
type: "donut",
},
responsive: [
{
breakpoint: 480,
options: {
chart: {
width: 200,
},
legend: {
position: "bottom",
},
},
},
],
},
},
};
},
};
</script>
2 réponse
SSR/SSG se casse lors de l'emballage de votre composant dans un objet nuxt <client-only> 组件中。这将防止在尝试引用不存在的 window.
Par exemple
Comme expliqué dans ma réponse liée (dernière phrase, en utilisant la syntaxe des composants directs), voici comment créer une configuration de travail correcte :
sssccc
J'en ai également retiré un data,它嵌套了整个配置,已经在 data() à l'intérieur. Cela a entraîné une inadéquation des accessoires, comme le montre l'erreur de la console du navigateur.
Outils chauds Tags
Hot Questions
Hot Tools
Collection de bibliothèques d'exécution vc9-vc14 (32 + 64 bits) (lien ci-dessous)
Téléchargez la collection de bibliothèques d'exécution requises pour l'installation de phpStudy
VC9 32 bits
Bibliothèque d'exécution de l'environnement d'installation intégré VC9 32 bits phpstudy
Version complète de la boîte à outils du programmeur PHP
Programmer Toolbox v1.0 Environnement intégré PHP
VC11 32 bits
Bibliothèque d'exécution de l'environnement d'installation intégré VC11 phpstudy 32 bits
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Sujets chauds





