vue 表单 input text

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app">姓名：<input type="text" v-model='uname'><input type="submit" value="提交" @click.prevent='handle'>
</div><script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">var vm = new Vue({el: '#app',data: {uname: 'lisi',},methods: {handle: function(){console.log(this.uname)}}});
</script>
</body>
</html>

vue 表单 input text相关推荐

VUE 表单input 框使用@blur事件
** VUE 表单input 框使用@blur事件 input 框失去焦点 ,便会触发定义的方法 form表单代码 <el-form-item label="身份证号码:" ...
vue 表单 input checkbox
<body><div id="app"><div><span>爱好:</span><input type=&quo ...
vue 表单 input radio
<body><div id="app"><div><span>性别:</span><span><inp ...
Vue - 表单
表单输入绑定用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.尽管有些神奇,但 ...
vue 表单验证按钮事件交由父组件触发
vue 表单验证按钮事件交由父组件触发,不直接再子组件上操作的方法子组件: //内容部分 <Form ref="formCustom" :model="formC ...
Vue.js-Day02-AM【Vue表单、核心指令（单选框、密码框、多行文本框、单选、多选、勾选、下拉列表）、组件汇总案例、ToDoList案例、计算属性(computed)、watch监听】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Vue表单原生JS实现异步表单提交运行截图代码核心指令单选框.密码框.多行文本框单选多选勾 ...
9.Vue 表单输入绑定
基础用法你可以用 v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定.它会根据控件类型自动选取正确的方 ...
写一个简单易用可扩展vue表单验证插件(vue-validate-easy)
写一个vue表单验证插件(vue-validate-easy) 需求目标:简单易用可扩展如何简单开发者要做的写了一个表单,指定一个name,指定其验证规则. 调用提交表单方法,可以获取验证成功 ...
Vue表单输入绑定(元婴中期)
表单输入绑定基础用法你可以用 v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定.它会根据控件类型自 ...

vue 表单 input text

vue 表单 input text相关推荐

最新文章

热门文章