Vue.js基础_自动收集表单数据
2019-08-06 22:16
1016 查看
使用v-model对表单数据自动收集
单选框，数据以及显示
[code]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="demo">
<select v-model="cityId">
<option value="">未选择</option>
<option :value="city.id" v-for="(city,index) in allCitys" :key="index">{{city.name}}</option>
</select>
</div>
</body>
<script>
var demo=new Vue({
el:'#demo',
data:{
cityId:'2',
allCitys:[{id:1,name:'北京'},{id:2,name:'天津'},{id:3,name:'上海'}],
}
})
</script>
</html>
需要自动收集表单数据的话，就是把data的值都绑定，然后收集
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Vue.js实现双向数据绑定（表单自动赋值、表单自动取值）
- Vue.js基础指令实例讲解（各种数据绑定、表单渲染大总结）
- Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
- vue.js基础知识篇(3):计算属性、表单控件绑定
- vue.js--基础 数据的双向绑定
- JS自动获取Form表单数据并转换成键值对 ajax提交Form
- vue.js中表单的数据（一）-- 搜集要提交的数据
- iOS 中使用JS提取网页数据，自动提交表单等
- vue.js基础-处理用户输入与双向数据绑定
- vue.js--基础事件定义，获取数据，执行方法传值
- 今天写的一个自动校验表单数据的js小控件［可扩展］
- vue.js--基础 事件结合双向数据绑定实现todolist，增加和删除功能
- Atitit vue.js 把ajax数据 绑定到form表单
- vue.js表单数据双向绑定
- vue.js--基础 事件结合双向数据绑定实现todolist 待办事项 已经完成 和进行中，键盘事件
- Vue.js 实现表单数据参数传递，以及不同独立按钮之间的参数传递
- Atitit vue.js 把ajax数据 绑定到form表单
- vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
- vue.js的一些事件绑定和表单数据双向绑定
- form表单数据的自动采集的js方法