“Vue v-model 指令”的版本间的差异
跳到导航
跳到搜索
Jihongchang(讨论 | 贡献) (建立内容为“https://www.bilibili.com/video/BV12J411m7MG/?p=17 获取和设置表单元素的值(双向数据绑定)”的新页面) |
Jihongchang(讨论 | 贡献) |
||
第1行: | 第1行: | ||
https://www.bilibili.com/video/BV12J411m7MG/?p=17 | https://www.bilibili.com/video/BV12J411m7MG/?p=17 | ||
− | 获取和设置表单元素的值(双向数据绑定) | + | 获取和设置表单元素的值(双向数据绑定)<syntaxhighlight lang="html"> |
+ | <div id="app"> | ||
+ | <input type="text" v-model="message"/> | ||
+ | </div> | ||
+ | </syntaxhighlight><syntaxhighlight lang="javascript"> | ||
+ | var app = new Vue({ | ||
+ | el:"#app", | ||
+ | data:{ | ||
+ | message:"hello world" | ||
+ | } | ||
+ | }) | ||
+ | </syntaxhighlight> |
2023年8月9日 (三) 01:23的版本
https://www.bilibili.com/video/BV12J411m7MG/?p=17
获取和设置表单元素的值(双向数据绑定)
<div id="app">
<input type="text" v-model="message"/>
</div>
var app = new Vue({
el:"#app",
data:{
message:"hello world"
}
})