如何在导出默认值中执行 if

Question

ima real newbie in web programming and i try to do a question-reponse in vue.js

export default {
 // I want to an if (character == "Passé" then do this steps")
  "steps": [

    {
      
      "id": 1,
      "background": jpg.village,
      "title": "Votre aventure épique commence ici. Pour découvrir la raison de ces terribles disparitions, il faudrait commencer à enquêter au plus vite. Cependant, vous vous apprêtiez à aller a la boutique pour acheter des équipements qui pourraient peut-être vous aider pour votre quête...",
      "actions": [
        {
          "description": "Aller à la boutique d'équipements",
          "path": 2
        },

 "characters": [
    {
      "class": "Passé",
      "description": "“ A l'antiquité, la puissance ecrasait la défense. Attaquez et vous survivrez”",
      "stats": {
        "luck": 5,
        "power": 20,
        "agility": 4,
        "health": 85
      }
    },
    {
      "class": "Present",
      "description": "“ Aujourd'hui, nous sommes dans une ère ou la puissance et la defense sont egales, le seul frein.. La mobilité. ”",
      "stats": {
        "luck": 4,
        "power": 10,
        "agility": 2,
        "health": 150
      }
    },

    }
  ]

but he doesn't like it, i saw other tutoriels but they never use it in a "export defaut"

Thanks:)

Answer 1

Most likely you are importing it in another module using curly brackets. When default exporting, it should be imported without curly brackets.

Wrong:

import {something} from someModule

Right:

import something from someModule

Answer 2

You can do this to add inline optional properties to an object:

export default {
  ...(character !== 'Passé' ? {} : { steps: [<your steps array>] })
}

The ... is called a spread operator. It will expand the properties of the variable attached to it into the parent object (also works for arrays). In this case, we are adding either {} (nothing) or { steps: [] } based on your condition.

You can also do steps: character?== 'Passé': [] : [ <steps array> ]
This will make it so that steps will always be defined on your object as an array.

Both of these will work.