没加number修饰符，typeof message结果为什么是number？
老师您好，
我还没有在v-model后加number修饰符，typeof message的结果就是number，而不是string，这是为什么？
代码：
<body>
<div id="root"></div>
</body>
<script>
const app = Vue.createApp({
data() {
return {
message: 10,
}
},
template: `
{{typeof message}}
<input type='number' v-model='message' />
`
});
const vm = app.mount('#root');
</script>结果：
20
收起
正在回答
2回答
同学你好，因为代码中设置了input框的输入类型是数字：
type='number'这个属性会限制输入内容是“数字”，所以类型检查得到的结果是number，可以把该属性去掉试试。“ddxz”同学也试一下。
祝学习愉快！
-
解答如下：
是vue版本的问题，视频中讲师使用的vue版本是较低的3版本，该版本中，会出现上述现象。可以用3.0.0版本测试：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>lesson 3</title> <script src="https://unpkg.com/vue@3.0.0/dist/vue.global.js"></script> </head> <body> <div id="root"></div> </body> <script> const app = Vue.createApp({ data () { return { message: "10", } }, template: ` {{typeof message}} <input type='number' v-model='message' /> ` }); const vm = app.mount('#root'); </script> </html>如果vue链接使用https://unpkg.com/vue@next这个地址，则是引入最新版本的vue。
不同版本的vue，部分代码的功能、表现形式会有些许差别，这是正常的，了解就行。
2022-08-19 10:21:39
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星