萌新菜驴 2022-06-27 15:50 采纳率: 66.7%
浏览 101
已结题

为什么用naive ui的选择器组件和typescript的时候,拿不到已经选中的value

用naive ui的选择器组件和typescript的时候,拿不到已经选中的value

//上面组件部分
 <n-space vertical>
      <n-select   style="float: right;text-align: right;width:55%;"
        placeholder="请选择你要上传的部门" 
        multiple 
        :options="options"/>
    </n-space>

//返回值的数组即绑定的options
let departmentId = reactive([] as any [])
let options =reactive([] as any[] )
let department = reactive([] as any [])
department=res.data.list
    //  拿到数组的name,id
  department.map(item =>{
     options.push({
      label:item.name,
      value:item.id
    })
options.map((item)=>{
    departmentId.join(item.value)
  })
  })

img


options能拿到,是对的,但是拿不到已选择的value

我用过各种数组的方法

我想要达到的结果departmentId里面能拿到选择器里面选种的部分

  • 写回答

1条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-06-27 16:05
    关注

    看你的代码你的 n-select 也没有 model绑定对应的value?

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 7月5日
  • 已采纳回答 6月27日
  • 赞助了问题酬金10元 6月27日
  • 创建了问题 6月27日

悬赏问题

  • ¥50 关于#微信小程序#的问题:微信小程序支持h5实现webrtc h264 h265低延迟传输渲染,能付费帮我们解决一下吗
  • ¥20 请问ansys License manager 这个问题如何解决
  • ¥15 memory.limit()' is no longer supported
  • ¥15 基于stm32f4产生两路pwm信号并可由串口通信调节
  • ¥15 C++/QT设置函数调用条件(多个功能调用同一,且各自调用条件不同)
  • ¥15 UE5样条线生成的网格UV问题
  • ¥15 如何用最短的时间大致看懂springboot+vue的项目
  • ¥15 (有偿)懂数值分析和含时变参数微分方程的来
  • ¥15 abaqus随机生成二维颗粒
  • ¥15 安装ansys许可证管理器时出现了这个问题,如何解决?