Javascript 数据的条件列表呈现以匹配API调用

我是Vue.js 2.6.11版的初学者

向API发送POST请求时遇到问题。create请求有条件嵌套的JSON数据，我不确定如何在Vue中发送。我无法更改API

例如，选择如下：

          "diet": {
            "vegetarian": boolean,
            "carnivore": boolean,
            "seeds": "boolean"
          }

但这只能是三种选择之一

          "diet": {
            "vegetarian": true, //can be true or false
          }

我们如何在diet.vue文件中的data（）中写入此文件

 data () {
    return {
      diet: {
       vegeterian: this.dietType
      },

我不能直接在返回中添加if语句，它会给我语法错误

 data () {
    return {
      diet: {
         if (true){
            vegeterian: this.dietType
         },
     
      },

---

谢谢，如果您有任何建议/想法，请告诉我

我做了一个示例，说明如何使用in

数据

相关数据发送有效负载

因为我不明白你的目的，所以这有点不确定，但我认为你需要在你的post请求中发送计算的

postayload

素食者：{{diet.素食者}
切换


素食者：{{diet.carnivore}}
切换


素食者：{{diet.seeds}
切换



你的有效载荷
{{postPayload}}
导出默认值{
名称：“应用程序”，
数据（）{
返回{
饮食：{
素食者：错，
食肉动物：错，
种子：错，
},
};
},
计算：{
postPayload:函数（）{//Hi，请尝试使用computed属性而不是使用数据。
computed:{diet（）{if（true）vegetrian:this.dietType；}}<代码>数据> <代码>是纯JS。考虑做一个关于如何做事情的研究。根据你想要达到的，它可以是一个三元而不是<代码>如果，或者不清楚代码< dieType < /C>是从哪里来的。如果它是一个道具，那就好了，否则你就做错事了。谢谢！我想我的注释已被删除。但是，是的，this.dietype是一个PropType。谢谢您的代码片段！是的，需要将postPayload发送到POST请求。
 data () {
    return {
      diet: {
       vegeterian: this.dietType
      },

 data () {
    return {
      diet: {
         if (true){
            vegeterian: this.dietType
         },
     
      },