当前位置: 首页 > 编程笔记 >

vue绑定数字类型 value为数字的实例

狄天逸
2023-03-14
本文向大家介绍vue绑定数字类型 value为数字的实例,包括了vue绑定数字类型 value为数字的实例的使用技巧和注意事项,需要的朋友参考一下

直接加:

 <el-select v-model="searchData.status" filterable placeholder="请选择" @change="gamefilter" class="mr40">
   <el-option label="开启" :value='0'></el-option>
   <el-option label="关闭" :value='1'></el-option>

   <!-- <el-option label="关闭" :value='1'> -->
   
   </el-select>

补充知识:vue中input,select标签中v-model绑定的值为数字类型情形

背景: vue表单中的input标签v-model 绑定的值,默认情况下是自动转换成String类型的,但是有时候我们不希望它自动转换,该怎么做呢?

1,使用number将绑定的v-model改为number类型

<el-input type="number" v-model.number="age"></el-input>

2,下拉框的option绑定的value是数字,但v-model为String类型的情况,使用:value

<el-select v-model="menuForm.type" placeholder="请选择菜单级别">
  <el-option label="系统" :value="0"></el-option>
  <el-option label="模块" :value="1"></el-option>
  <el-option label="功能" :value="2"></el-option>
</el-select>

以上这篇vue绑定数字类型 value为数字的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 我创建了一个简单的类型: 现在我想初始化一个已经声明的变量(当前值=0),其结果为 现在,TypeScript告诉我,类型号不能赋给CustomType类型,即使初始化应该工作,只要数字是0、1、2、3、4或5的整数。: TS2322:类型“number”不能赋给类型“CustomType”。 不幸的是,到目前为止,我没有找到任何解决方案。转换为标准类型很好,但我不确定如何使我的自定义类型接受一个

  • value绑定将ViewModel的参数绑定在form元素中,当form元素与ViewModel的属性建立关联之后,form元素的改变将会直接修改ViewModel的数据。 示例代码: //.W片段 <p>Login name: <input bind-value="userName" /></p> <p>Password: <input type="password" bind-value="

  • 在现代 JavaScript 中,数字(number)有两种类型: JavaScript 中的常规数字以 64 位的格式 IEEE-754 存储,也被称为“双精度浮点数”。这是我们大多数时候所使用的数字,我们将在本章中学习它们。 BigInt 数字,用于表示任意长度的整数。有时会需要它们,因为常规数字不能超过 253 或小于 -253。由于仅在少数特殊领域才会用到 BigInt,因此我们在特殊的章

  • 1.1 整数类型 整数类型有4种进制表示:十进制、二进制、八进制和十六进制。默认情况下,整数使用十进制,其他进制需要增加引导符号。 进制种类 引导符号 十进制 无 二进制 0b 或 0B 八进制 0o 或 0O 十六进制 0x 或 0X pow(x, y) 函数是 Python 语言的内置函数,用来计算x的y次方。 1.2 浮点数类型 Python 语言要求所有浮点数必须带有小数,小数部分可以是0

  • 问题内容: 我知道这是一个古老且可以回答100次的问题,但是随着最新版本的发布,事情变得越来越复杂,因此引起了我很多困惑。我想知道在指令中为属性声明数据绑定的四种当前可用方法之间的区别是什么。特别: 文字装订 双向装订 方法绑定(尽管有人称它为单向绑定) 单向绑定 我对最后两个之间的差异特别感兴趣,因为它们似乎具有重叠的功能,而且我真的无法说出它们之间的差异和优势。 问题答案: 这是有关隔离范围的

  • 本文向大家介绍Angularjs 双向绑定时字符串的转换成数字类型的问题,包括了Angularjs 双向绑定时字符串的转换成数字类型的问题的使用技巧和注意事项,需要的朋友参考一下 问题: 显示结果为 但是,我要是输入50,想要结果为60 因为这个是字符串类型需要转换成数字类型 解决方法: 显示即可正常 即是在 {{first *1+second*1}}显示的时候,转换了一下 或者,启用事件监听 也