Vue .map不是单选按钮组上的功能

iezvtpos  于 2022-11-25  发布在  Vue.js
关注(0)|答案(1)|浏览(116)

我有一个Vue应用程序运行一个带有复选框的过滤器,选择多个选项时一切正常。我想做的是将它设置为只允许一个选择,即将输入类型更改为单选。以下与复选框一起工作的函数在将类型更改为单选按钮时在devtools控制台中抛出此错误...
categoryParams.map is not a function
这是因为它现在是一个对象而不是一个数组吗?这就是所讨论的函数...

categories: []

let payload = {
              
    categories : this.prepareQueryStringFromSelectedCategories(this.categoriesSelected),
                  
};

prepareQueryStringFromSelectedCategories(categoryParams) {
    return categoryParams.map(element => element.slug);
}

将复选框数组转换为允许选择单选按钮进行筛选的解决方案是什么?
谢谢

pprl5pva

pprl5pva1#

这是因为它现在是一个对象而不是一个数组吗?这就是所讨论的函数...
是的。.map()是原生Javascript数组上的function,与Vue无关。根据Vue文档,视图模型中的绑定变量将包含所选项的值,因此您应该能够直接访问该属性。

prepareQueryStringFromSelectedCategories(categoryParams) {
    return categoryParams.slug;
}

相关问题