value数字 vue_关于vue的select中option的value为数字类型时的回显问题 - Go语言中文社区

value数字 vue_关于vue的select中option的value为数字类型时的回显问题 - Go语言中文社区

value数字 vue_关于vue的select中option的value为数字类型时的回显问题

关于select的回显问题

当option的value类型为Number时

会有以下情况

哈哈

呵呵

当设置roleName默认为1时

即在data()中roleName: 1

想要的结果是

但实际上是

但是用v-for遍历option的value值时确是正常的

如下

{{item.label}}

在data()中加入items:[

{

value:0,

label:'哈哈'

},

{

value:1,

label:'呵呵'

}

],

roleName:1

这时候就是回显正常的？我想问这是为什么呢？我知道双向数据绑定，在页面上输入的都是String类型，但是我这个从头到尾设置的都是Number类型啊,我也打印出来看了都是Number，也没有从页面上获取，为什么上面那样就不回显，v-for就回显了呢？？请大神帮助解答，万分感谢！！

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么？实际看到的错误信息又是什么？

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_39878401/article/details/112931908
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-16 07:36:26
阅读 ( 772 )
分类：前端