vue的双向绑定规则
2024-10-21 15:32:12
vue提供了v-model双向绑定指令,用来辅助在不操作DOM的前提下,快速读取表单的数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>用户名是:{{username}}</p>
<input type="text" v-model="username">
<hr>
<p>选中的省份是:{{provonce}}</p>
<select v-model="provonce">
<option value="">请选择</option>
<option value="1">北京</option>
<option value="2">河北</option>
<option value="3">黑龙江</option>
</select>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
username: 'zs',
provonce: ''
}
})
</script>
</body>
</html>
v-model指令修饰符
number 自动将用户的输入值转为数值类型 <input v-model.lazy="age">
trim 自动过滤用户输入的空白字符 <input v-model.lazy="msg">
lazy 在"change"时而非"input时更新" <input v-model.lazy="msg">
最新文章
- post请求接口
- vs中不得不会的一些小技巧(1)——细说查找
- uwp项目总结
- http://m.blog.csdn.net/article/details?id=8237698
- Unity3D 开发 之 JDK安装与环境变量配置
- windows xp/7命令提示符强制结束指定进程
- ios 计算缓存大小
- 教程:如何减小iOS应用程序的大小?
- [Ruby01]Class, Module, Object,Kernel的关系
- sql 删除两条完全相同的记录
- PhotoShop CC安装抠图插件KnockOut 2
- SoapUI:使用Excel进行参数化
- Spring入门篇总结:
- [置顶]
 Xamarin android 调用Web Api(ListView使用远程数据)
- F# 之旅(下)
- nodejs爬虫笔记(三)---爬取YouTube网站上的视频信息
- Tarjan总结(缩点+割点(边)+双联通+LCA+相关模板)
- 淘淘商城 本地仓库配置和仓库jar包下载
- centos 主机名突然变成bogon的解决方法
- Excel 导入遍历