ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue数据代理

2022-01-16 12:57:59  阅读:90  来源: 互联网

标签:Vue 收集 vue 代理 value vm set model 数据


数据代理如下:

在这里插入图片描述
Vue中的事件修饰符:
1. prevent:阻止默认事件
2. stop:阻止事件冒泡
3. once:事件只触发一次
4. capture:使用事件的捕获模式
5. self:只有event.target是当前操作的元素时才触发
6. passive事件的默认行为立即执行,无需等待事件回调执行完毕。

Vue中常用的按键别名:
1. 回车 => enter
2. 删除 => delete (捕获"删除"和"退格"键)
3. 退出 => esc
4. 空格 => space
5. 换行 => tab(特殊,必须配合keydown去使用)
6. 上 => up
7. 下 => down
8. 左 => left
9. 右 => right
vue未提供别名的按键,可以使用按键原始的key值去绑定,但 注意要转换为key-case(短横线命名)
vue.config.keyCodes,自定义键名 = 键码,可以去定制按键别名
在Vue中修改数组元素,一定要用下列方法,否则修改的数据无法在页面上显示。
push() pop() shift() unshift() splice() sort() reverse() 或者 Vue.set() vm. s e t ( ) . 注 意 : V u e . s e t ( ) 和 v m . set(). 注意: Vue.set()和vm. set().注意:Vue.set()和vm.set()不能给vm或vm的根数据对象添加属性。

收集表单数据:

若:	<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。
若:<input type="radio"/>,则v-model收集的value值,且要给标签配置value值。
若:<input type="checkbox"/>
		1.没有配置input的value属性,那么收集的就是checked(勾选 or 未勾选,是布尔值)
		2.配置input的value属性:
			(1)v-model的初始值是非数组,那么收集的就是checked(勾选or未勾选,是布尔值)
			(2)v-model的初始值是数组,那么收集的就是value组成的数组。
	备注:v-model的三个修饰符:
		lazy:失去焦点再收集数据
		number:输入字符串转为有效的数字
		trim:输入首尾空格过滤

标签:Vue,收集,vue,代理,value,vm,set,model,数据
来源: https://blog.csdn.net/qq_36230756/article/details/122146385

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有