![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue整理
文章平均质量分 78
xuan0555
这个作者很懒,什么都没留下…
展开
-
vue通信、传值的多种方式
一、通过路由带参数进行传值:1、两个组件A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件、钩子函数等)this.$router.push({ path: '/conponentsB', query: { orderId: 1234 } }) // 跳转到B2、在B组件中获取A组件传递过来的参数this.$route.query.orderId二、通过设置Session Storage缓存的形式进行传递:1、两个组件A和B,在A组件中设置缓存orde转载 2021-04-21 14:49:51 · 194 阅读 · 0 评论 -
Vue.filter的用法(二)
移除双向过滤器:Vue.filter('change', { read: function(val){ return val }, write: function(val, oldVal){ return isEmail(val) ? val : oldVal }})1、组件内部过滤(适用于处理数据显示的样式,不会改变原数据)<div id="app"> <ul> <li v-for="item in list">{{item.转载 2020-12-24 14:52:37 · 271 阅读 · 0 评论 -
Vue中的正则表达式
正则修饰符:i 执行对大小写不敏感的匹配。 g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止) m 执行多行匹配。 方括号用于查找某个范围内的字符:[abc] 查找方括号之间的任何字符 [^abc] 查找任何不在方括号之间的字符 [0-9] 查找任何从0到9的数字 [a-z] 查找任何从小写a到小写z的字符 [A-Z] 查找任何从大写A到大写Z的字符 [adgk] 查找给定集合内的任何字符 [^adgk转载 2020-12-18 10:21:05 · 28300 阅读 · 2 评论 -
vue方法整理
Vue的核心是数据与视图的双向绑定:一、会改变调用的原始数组的方法:(1)、push()(2)、pop()(3)、shift()(4)、unshift()(5)、sort()(6)、reverse()二、不会改变原始数组的方法:(1)、filter()(2)、concat()(3)、slice()三、当不想改变原数组,想通过一个数组的副本来做过滤或排序的显示时,可以使用计算属性来返回过滤或排序后的数组<template> <div> <ul原创 2020-12-15 15:35:07 · 397 阅读 · 0 评论