首页 / 知识
Vue3 值绑定使用说明
2023-04-11 16:21:00
值绑定
对于单选按钮，复选框及选择框的选项，v-model 绑定的值通常是静态字符串 (对于复选框也可以是布尔值)：
<!-- 当选中时，`picked` 为字符串 "a" -->
<input type="radio" v-model="picked" value="a" />
<!-- `toggle` 为 true 或 false -->
<input type="checkbox" v-model="toggle" />
<!-- 当选中第一个选项时，`selected` 为字符串 "abc" -->
<select v-model="selected">
<option value="abc">ABC</option>
</select>
但是有时我们可能想把值绑定到当前活动实例的一个动态属性上，这时可以用 v-bind 实现，此外，使用 v-bind 可以将输入值绑定到非字符串。
复选框 (Checkbox)：
<input type="checkbox" v-model="toggle" true-value="yes" false-value="no" />
...
// 选中时
vm.toggle === 'yes'
// 取消选中
vm.toggle === 'no'
单选框 (Radio)：
<input type="radio" v-model="pick" v-bind:value="a" />
// 当选中时
vm.pick === vm.a
选择框选项 (Select)：
<select v-model="selected">
<!-- 内联对象字面量 -->
<option :value="{ number: 123 }">123</option>
</select>
// 当被选中时
typeof vm.selected // => 'object'
vm.selected.number // => 123
|
最新内容
相关内容
python如何读取像素值
python如何读取像素值，环境，设备，培训，像素，函数，坐标，逻辑，原型，示例，模块，python如何读取像素值的方法：使用image模块中的getpixel函数获得
python字典中值是否能重复?
python字典中值是否能重复?，数字，培训，字典，中值，格式，字符串，数据类型，以上，更多，内容，python字典中的值可以重复。字典中的键必须是唯一的，
怎么查看python变量值
怎么查看python变量值，信息，培训，类型，函数，字符串，变量，使用方法，数据类型，以上，方法，有时候我们需要知道Python变量类型，但不知道如何查看内
python字典能一键对多值吗
python字典能一键对多值吗，培训，字典，数组，初始化，实例，以上，更多，内容，python字典可以一个键对应一个数组或者另一个字典，一般用法如下：键对
python判断列表值是否为空
python判断列表值是否为空，培训，列表，长度，以上，以下，方法，更多，内容，python中判断一个列表是否为空，可以使用以下方法1、isnotNone判断列表
python不定参数传值怎么做
python不定参数传值怎么做，位置，培训，名称，标准，代码，参数，函数，定义，教程，程序，使用*arg_name定义的位置参数，表示任意多个位置参数;Python标python为什么没有return返回值
python为什么没有return返回值，培训，函数，语句，参数，赋值，变量，语法，下面，实际，以上，python中，用def语句创建函数时，可以用return语句指定应该
python可以定义变量先不赋值吗
python可以定义变量先不赋值吗，培训，数字，变量，合法，代码，声明，类型，赋值，整数，字符串，Python中常见的数据类型有字符串，整形，列表，元组，字典等。
python值传递和引用传递的作用是什
python值传递和引用传递的作用是什么？，培训，作用，
python变量赋值是什么
python变量赋值是什么，培训，变量，名称，数字，标准，类型，赋值，声名，字符串，数据类型，1、什么是变量?变量：值会发生变化的的量，与常量相对.2、pyth
python函数有返回值吗
python函数有返回值吗，培训，情况，函数，语句，结果，定义，以上，类型，更多，内容，python的函数可以有返回值，也可以没有返回值。函数需要先定义后调
python的函数能返回多个值吗
python的函数能返回多个值吗，培训，位置，函数，结果，坐标，语句，简写，位移，括号，假象，函数体内部的语句在执行时，一旦执行到return，函数就执行完毕