js 中string转换为map对象

最新推荐文章于 2024-08-20 14:14:14 发布

lMasterSparkl

最新推荐文章于 2024-08-20 14:14:14 发布

阅读量4.5k

点赞数

分类专栏： vue 文章标签： vue js

本文链接：https://blog.csdn.net/lMasterSparkl/article/details/112431941

版权

vue 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

背景

我是用avue的form表单做一个联动期间有一个接口只返回了个string类型的数据

在这里插入图片描述
而官方文档的联动只有select下拉框的联动而下拉框联动是用dic类型的数据所以需要进行封装或者后端调整返回类型
这里尝试使用js进行修改

      dicFormatter:(res)=>{
        //这里手动将后台返回的string 类型title值 改为map类型进行select映射  因为input输入框的映射没弄出来
        var  r = "{'title':'"+res.data+"'}" ;
        return eval("[" + r + "]");
      },

详细代码如下

      {
      label: '知识点',
      prop: 'knowledge',
      type: 'select',
      props: {
        label: 'knowledge',
        value: 'knowledge'
      },
      row: true,
      cascaderIndex: 0,
      dicUrl: `/aaa/knowledge/getLists?grade={{grade}}&subject={{subject}}`,
      cascaderItem: ['title'],
      dicMethod: 'get',
      rules: [{
        required: true,
        message: '请选择知识点',
        trigger: 'blur'
      }]
    },
    {
      label: '课程名称',
      prop: 'title',
      type: 'select',
      row: true,
      cascaderIndex: 0,
      dicUrl: `/aaa/knowledge/getCourseName?knowledge={{knowledge}}`,
      dicMethod: 'get',
      editDisabled: true,
      props: {
        value: 'title',
        label: 'title',
      },
      dicFormatter:(res)=>{
        //这里手动将后台返回的string 类型title值 改为map类型进行select映射  因为input输入框的映射没弄出来
        var  r = "{'title':'"+res.data+"'}" ;
        return eval("[" + r + "]");
      },
      clearable: false,
      placeholder: " "
    },

最后效果如下
在这里插入图片描述