首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将从api接收到的值标记为选中VUEJS中的复选框

如何将从api接收到的值标记为选中VUEJS中的复选框
EN

Stack Overflow用户
提问于 2021-03-19 03:05:59
回答 1查看 24关注 0票数 1

我最近在学习VUEJS。我不能更进一步,因为我被困在一个问题上。问题:

我正在从一个api调用中获取一个列表。下面是这段代码:

代码语言:javascript
运行
AI代码解释
复制
           <b-form-checkbox-group
              v-model="authorize"
              :options="authorize"
              name="authorize"
              stacked
              text-field="name"
              value-field="id"
            >

我是使用.get('/authorize')获得的,我有以下值:

代码语言:javascript
运行
AI代码解释
复制
[{"id":"country:list","name":"country:list"},{"id":"country:create","name":"country:create"},{"id":"user:retrieve","name":"user:retrieve"},{"id":"user:update","name":"country:update"},{"id":"country:destroy","name":"user:destroy"}]

在另一种形式中,我添加了其中的一些值,作为响应,我得到了这些值

代码语言:javascript
运行
AI代码解释
复制
[{"id":"country:list","name":"country:list"},{"id":"country:create","name":"country:create"},{"id":"user:retrieve","name":"user:retrieve"}]

我使用以下命令获得这些响应:

代码语言:javascript
运行
AI代码解释
复制
          <b-form-checkbox-group
              v-model="authorize"
              :options="currentTutorial.authorize"
              name="authorize"
              stacked
              text-field="name"
              value-field="id"
            >

但是我现在想要的是显示所有的authorize列表以及保存的项目,但是那些保存的项目应该被选中,这是我在这里从currentTutorial.authorize得到的

感谢你的帮助。谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-19 03:13:30

代码语言:javascript
运行
AI代码解释
复制
<b-form-checkbox-group
              v-model="authorize.id"
              :options="authorize"
              name="authorize"
              stacked
              text-field="name"
              value-field="id"
            >

你能像这样改变v-model变量吗?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66701993

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文