「已注销」 2022-08-30 14:19 采纳率: 90%
浏览 35
已结题

vue el-checkbox的model不是数组

vue el-checkbox的model不是数组,这样选择的话会一起选中,怎么让选择只选中那一个呢,接口里kitchenId不是数组

img

img

img

img

  • 写回答

4条回答 默认 最新

  • Z_pigeon 2022-08-30 14:32
    关注

    绑定另一个变量,然后watch那个变量值再赋给id

    
    <template>
        <div>
            <el-checkbox-group v-model="checkList">
                <el-checkbox label="aa"></el-checkbox>
                <el-checkbox label="bb"></el-checkbox>
                <el-checkbox label="cc"></el-checkbox>
            </el-checkbox-group>
        </div>
    </template>
    
    <script>
    export default {
        data() {
            return {
                query: {
                    kitchenId: "",
                },
                checkList: [],
            };
        },
        watch: {
            checkList: {
                deep: true,
                handler: function (newVal) {
                    this.query.kitchenId = newVal && newVal.join(",");
                },
            },
        },
    };
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 9月7日
  • 已采纳回答 8月30日
  • 修改了问题 8月30日
  • 创建了问题 8月30日

悬赏问题

  • ¥15 电脑开机过商标后就直接这样,求解各位
  • ¥15 mysql , 用自己创建的本地主机和用户名 登录不上
  • ¥15 关于#web项目#的问题,请各位专家解答!
  • ¥15 vmtools环境不正常
  • ¥15 请问如何在Ubuntu系统中安装使用microsoft R open?
  • ¥15 jupyter notebook
  • ¥30 informer时间序列预测
  • ¥20 SSR引物多态性分析
  • ¥15 大漠插件在Win11易语言注册调用和免注册灵异事件,VS上注册调用完全没问题
  • ¥15 Addressable缓存机制做热更新的问题