VUE Select无法赋默认值

最新推荐文章于 2024-03-31 17:46:54 发布

原创最新推荐文章于 2024-03-31 17:46:54 发布 · 831 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

Vue 专栏收录该内容

36 篇文章

订阅专栏

本文揭示了在编程中，当数组值为字符串类型的1、2等数字字符时，如何避免将它们误判为number类型的问题。作者分享了实际遇到的困扰，并强调了正确的数据类型转换对于避免此类错误的重要性。

当赋值时，值为 number/string 的时候，是"0","1" 这种会被默认为number

当数组的值为：

[
    {
        "label": "小型",
        "value": "1"
    },
    {
        "label": "中型",
        "value": "2"
    },
    {
        "label": "大型",
        "value": "3"
    },
    {
        "label": "特大型",
        "value": "4"
    }
]

value是string类型，会导致无法赋值的。

必须改成

[
    {
        "label": "小型",
        "value": 1
    },
    {
        "label": "中型",
        "value": 2
    },
    {
        "label": "大型",
        "value": 3
    },
    {
        "label": "特大型",
        "value": 4
    }
]

之前遇到过的坑，又坑了一次。。。哎。。。