Liuxiao_6688 2021-09-23 15:50 采纳率: 90%
浏览 73
已结题

vuex组件传值问题!!

组件A

<span>目的地</span>
<el-checkbox-group v-model="detail">
    <el-checkbox label="广东">广东</el-checkbox>
    <el-checkbox label="山东">山东</el-checkbox>
    <el-checkbox label="上海">上海</el-checkbox>
    <el-checkbox label="北京">北京</el-checkbox>
    <el-checkbox label="湖北">湖北</el-checkbox>
    <el-checkbox label="湖南">湖南</el-checkbox>
    <el-checkbox label="其他">其他</el-checkbox>
</el-checkbox-group>
<el-input  v-if="detail.includes('其他')" v-model.trim="Info">

img

组件B

img

需求:
1、在组件A勾选哪些,在组件B就渲染哪些,其中,输入框是需要勾选其他才显示的,如上图。
2、勾选其他输入信息后,到达组件B,正常取值渲染。接着返回组件A,不勾选其他,然后到达组件B,需要不显示其他以及输入框信息。
组件说明:
1、我用的是keep-alive;2、多选用的是el-checkbox-group;3、组件A把值存到vuex,组件B取值。

我刚开始的思路是,判断detail是否includes'其他',如果包含,找出索引:let idx = detail.indexOf('其他'),然后把'其他'和输入框信息拼接后赋值:detail[idx] = '其他' + 'this.Info',这样是不行的。主要问题是需要其他和输入框信息都要渲染到组件B

  • 写回答

1条回答 默认 最新

  • 少十步 2021-09-24 08:14
    关注

    detail[idx] = '其他' + 'this.Info' 你改变了原来checkbox选中的值,你把input的值单独存取, 就可以判断有无其他,有就使用input的值

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

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 9月24日
  • 已采纳回答 9月24日
  • 创建了问题 9月23日

悬赏问题

  • ¥30 怎么使用AVL fire ESE软件自带的优化模式来优化设计Soot和NOx?
  • ¥30 如何实现github RealtimeTTS项目的打包
  • ¥15 Ubuntu20.04.4.LTS系统如何下载安装VirtualBox虚拟机?
  • ¥15 如何用QDomDocument读取内容为空格的xml数据
  • ¥15 请阅读下面代码,帮我修改下代码
  • ¥15 关于#microsoft#的问题:电脑启动后不显示桌面图标和窗口,除任务栏外无法操作任何东西
  • ¥15 如何输入百度,显示本地下载的html文件页面,地址栏还显示百度的地址
  • ¥15 通过kinect制作换装程序但是服装不贴合(标签-ar)
  • ¥20 matlab如何绘制三维瀑布图
  • ¥15 关于用abap来解决动态规划的问题,但是要求输出索引值,这个是难点