vue3,js值格式转换

diseaseName：    '["发烧","传染病","感冒"]'

需要实现效果，

病种名称：发烧，传染病，感冒

在表格中也是这个效果。

有两种方法：

    在表格中

 {

        title: '病种名称',

        dataIndex: 'diseaseName',

        align: 'center',

        width: 100,

        slots: {

            customRender: 'diseaseName',

        },

    },

<template #diseaseName="{ record }">

            <div>

                <span v-for="(disease, index) in JSON.parse(record.diseaseName)" :key="index">

                    {{ disease }}

                    <span v-if="index !== JSON.parse(record.diseaseName).length - 1">,</span>

                </span>

            </div>

        </template>

 在页面中：

 <a-descriptions-item label="病种名称" :span="8">

          <span v-for="(item,index) in diseaseName" v-bind:key="item">

            {{ item }} {{ index+1 != diseaseName.length ? ',' : ''}}

          </span>

        </a-descriptions-item>

 const userForm = ref({

  gender: null,// 性别

  age: null,// 年龄

  diseaseBank: {

    diseaseName: '',// 病种名称

    evaluationLevel: '', // 等级

    description: '',// 描述

  },

  bodyFatDTO: {

    height: null, // 身高

    weight: null,//体重

  }

})

const diseaseName = ref([])

const handleDiseaseName = () => {

  diseaseName.value = JSON.parse(userForm.value.diseaseBank.diseaseName)

}