上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 28 下一页

2021年9月17日

Vue watch 监听 computed

摘要: computed 的英文意思是计算,那么顾名思义,vue中的computed也与计算有关,他是专门用来处理复杂表达式的,在vue中,不建议在模板语法中写复杂的表达式,如:x+y+(z-1) 这种,所以vue建了一个computed用来处理这类表达式,使用方法其实也不难,在computed里面建一个函 阅读全文

posted @ 2021-09-17 16:29 左侧岚 阅读(680) 评论(0) 推荐(0) 编辑

vue 路由跳转,参数消失问题

摘要: vue 路由跳转,参数消失问题 1. 参数传递页面:这种方式页面刷新参数丢失。 // 点击跳转详情页面 toDetail(){ this.$router.push({ name:"newsDetail", params:{content:item}//传递过去的参数 }) } 页面取参数 :this 阅读全文

posted @ 2021-09-17 15:33 左侧岚 阅读(1067) 评论(0) 推荐(0) 编辑

vue 使用:class切换高亮 点击路由跳转 上个组件的点击事件保存的参数 在下一次重复进入这个组件的时候 默认值都已经还原了 得通过路由跳转的时候 把上个组件的状态通过路由保存下来 通过下一次进入这个组件的时候 获取路由 渲染当前页面的:class 进行高亮

摘要: 第2种方式 通过组件库属性直接操作 <div class="nav"> <router-link :to="item.path" v-for="(item, index) in navData" :key="index" >{{ item.name }}11</router-link> </div> 阅读全文

posted @ 2021-09-17 15:23 左侧岚 阅读(102) 评论(0) 推荐(0) 编辑

2021年9月16日

函数防抖 函数节流

摘要: 函数防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 取最后1次的时间 函数节流: 规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。 取第1次点击的时间 https://segmentfault.com/a/119000001842817 阅读全文

posted @ 2021-09-16 16:43 左侧岚 阅读(21) 评论(0) 推荐(0) 编辑

2021年9月15日

vue router-view router-link RouterView【命令视图】和RouterLink【命令路线】本身是两个组件。 命名路由

摘要: keep-alive的深入理解与使用(配合router-view缓存整个路由页面) 有些时候可能需要将整个路由页面一切缓存下来,也就是将 <router-view> 进行缓存。这种使用场景还是蛮多的。 阅读全文

posted @ 2021-09-15 17:58 左侧岚 阅读(92) 评论(0) 推荐(0) 编辑

vue中keep-alive,include的缓存问题

摘要: 前提:有A,B,C,D四个页面,A是按钮页(点击按钮进入B页面),B是订单列表页,C是订单详情页,D是费用详情页 需求:顺序是A->B->C->D,每次都刷新页面,D->C->B时走缓存,但是每次从A到B都要刷新B页面,从B到C需要刷新C页面,从C到D要刷新D页面 在vue官方文档2.1以上有inc 阅读全文

posted @ 2021-09-15 17:27 左侧岚 阅读(1102) 评论(0) 推荐(0) 编辑

vue 冒号 :、@、# 是什么意思? v-bind v-on v-slot v-是指令

摘要: :是v-bind的缩写,是为了动态绑定数据。 一般的常量属性我们不用添加冒号;如果是会产生变化的值则要加上冒号。 加上了冒号是为了动态绑定数据,等号后面可以写***变量。 加冒号的,说明后面的是一个***变量或者表达式,没加冒号的后面就是对应的***字符串字面量 如果不使用冒号,等号后面就可以写字符 阅读全文

posted @ 2021-09-15 16:48 左侧岚 阅读(1880) 评论(0) 推荐(0) 编辑

vue 过滤器

摘要: 阅读全文

posted @ 2021-09-15 16:32 左侧岚 阅读(14) 评论(0) 推荐(0) 编辑

vue 自定义指令 v-

摘要: https://blog.csdn.net/smlljet/article/details/91874728 指令是带有 v- 前缀的特殊属性。指令的作用是当表达值发生变化时将副作用反应性地应用于 DOM。Vue.js 提供了大量的指令供你使用。你可能已经使用过 v-if、v-repeat、v-mo 阅读全文

posted @ 2021-09-15 14:58 左侧岚 阅读(533) 评论(0) 推荐(0) 编辑

vue 自定义属性 data-num dataset.num

摘要: 在 vue 中,尽量避免对dom的操作,通过对状态的管理实现需要的功能举个例子:vue获取dom元素可以使用 ref 要想获得自定义属性,可以通过设置 ref 实现 <span data-num="21" ref="dataNum" @click="getData">55</span> getDat 阅读全文

posted @ 2021-09-15 11:31 左侧岚 阅读(836) 评论(0) 推荐(0) 编辑

上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 28 下一页

导航