2021年9月14日
键盘修饰符
摘要： 1 注册一个监听按键事件 监听所有按键：v-on:keyup 监听指定按键：v-on:keyup.按键码 2 使用按键别名 vue提供的按键别名 .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 举例：如何使用 阅读全文
posted @ 2021-09-14 21:38 从入门到入土 阅读(69) 评论(0) 推荐(0)
vue实现TAB切换
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-09-14 21:31 从入门到入土 阅读(144) 评论(0) 推荐(0)
vue过滤器（屏蔽词）
摘要： 使用语法 {{变量 | 过滤器名}} {{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值 定义语法 全局定义： 通过Vue提供的filter方法定义：Vue.filter() 参数1：过滤器的名字 参数2：过滤器执行函数 <!DOCTYP 阅读全文
posted @ 2021-09-14 21:30 从入门到入土 阅读(396) 评论(0) 推荐(0)
vue日期格式化
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com 阅读全文
posted @ 2021-09-14 20:10 从入门到入土 阅读(673) 评论(0) 推荐(0)
2021年9月13日
v-if与v-show区别
摘要： a) 区别： i. v-if删除dom元素 ii. v-show设置display:none b) 应用场景： i. v-if只修改一次的时候可以使用v-if ii. v-show频繁切换的时候可以使用v-show 阅读全文
posted @ 2021-09-13 20:35 从入门到入土 阅读(30) 评论(0) 推荐(0)
V-for和key属性
摘要： a) 遍历数组，参数(item,index) in list b) 遍历对象，参数(value,key,index) in list c) 遍历数字，num in 10 (1~10) d) key在使用v-for的时候都需要去设置key i. 让界面元素和数组里的每个记录进行绑定 ii. key只能 阅读全文
posted @ 2021-09-13 20:34 从入门到入土 阅读(114) 评论(0) 推荐(0)
v-model数据双向绑定
摘要： a) 作用：数据双向绑定 b) 注意：绑定的是表单控件 c) 示例：计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed 阅读全文
posted @ 2021-09-13 20:31 从入门到入土 阅读(48) 评论(0) 推荐(0)
事件修饰符
摘要： a) .stop 阻止冒泡，冒泡由内到外 b) .prevent 阻止默认事件 c) .capture 添加事件侦听器时使用事件捕获模式，捕获右外到内 d) .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 e) .once 事件只触发一次 阅读全文
posted @ 2021-09-13 20:28 从入门到入土 阅读(25) 评论(0) 推荐(0)
v-on
摘要： a) 进行事件的绑定，我们用的最多的是click事件绑定 b) 简写@ c) 实现跑马灯的效果 示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c 阅读全文
posted @ 2021-09-13 20:27 从入门到入土 阅读(145) 评论(0) 推荐(0)
v-text、v-html、v-bind、v-cloak
摘要： v-text 不能解析富文本 v-html 可以解析富文本 v-bind 属性绑定，简写为: （一个冒号） v-cloak 隐藏vue渲染前的界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq 阅读全文
posted @ 2021-09-13 20:21 从入门到入土 阅读(91) 评论(0) 推荐(0)