angular ngfor和ngif指令共用
摘要：angular结构指令不能直接嵌套使用,可使用<ng-container>标签来包裹指令 <ul> <ng-container *ngFor="let item of lists"> <div class="thumb p-date" *ngIf="item.picurl"> <a href="#
阅读全文
posted @ 2021-09-29 17:41
09 2021 档案
yum 是轮船发动机，brew 是汽车发动机，不能混用。
摘要：yum 是轮船发动机，brew 是汽车发动机，不能混用。
阅读全文
posted @ 2021-09-18 11:30
Vue watch 监听 computed
摘要：computed 的英文意思是计算，那么顾名思义，vue中的computed也与计算有关，他是专门用来处理复杂表达式的，在vue中，不建议在模板语法中写复杂的表达式，如：x+y+(z-1) 这种，所以vue建了一个computed用来处理这类表达式，使用方法其实也不难，在computed里面建一个函
阅读全文
posted @ 2021-09-17 16:29
vue 路由跳转，参数消失问题
摘要：vue 路由跳转，参数消失问题 1. 参数传递页面：这种方式页面刷新参数丢失。 // 点击跳转详情页面 toDetail(){ this.$router.push({ name:"newsDetail", params:{content:item}//传递过去的参数 }) } 页面取参数 ：this
阅读全文
posted @ 2021-09-17 15:33
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
函数防抖 函数节流
摘要：函数防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 取最后1次的时间 函数节流: 规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效。 取第1次点击的时间 https://segmentfault.com/a/119000001842817
阅读全文
posted @ 2021-09-16 16:43
vue router-view router-link RouterView【命令视图】和RouterLink【命令路线】本身是两个组件。 命名路由
摘要：keep-alive的深入理解与使用(配合router-view缓存整个路由页面) 有些时候可能需要将整个路由页面一切缓存下来，也就是将 <router-view> 进行缓存。这种使用场景还是蛮多的。
阅读全文
posted @ 2021-09-15 17:58
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
vue 冒号 :、@、# 是什么意思？ v-bind v-on v-slot v-是指令
摘要：:是v-bind的缩写，是为了动态绑定数据。 一般的常量属性我们不用添加冒号；如果是会产生变化的值则要加上冒号。 加上了冒号是为了动态绑定数据，等号后面可以写***变量。 加冒号的，说明后面的是一个***变量或者表达式，没加冒号的后面就是对应的***字符串字面量 如果不使用冒号，等号后面就可以写字符
阅读全文
posted @ 2021-09-15 16:48
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
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
vue 自定义插件
摘要：https://www.cnblogs.com/shenjianping/p/11315839.html 1、插件的作用 插件通常会为 Vue 添加全局功能，一般是添加全局方法/全局指令/过滤器等 Vue 插件有一个公开方法 install ，通过 install 方法给 Vue 添加全局功能 通过
阅读全文
posted @ 2021-09-15 10:56
vue 自定义组件
摘要：https://www.cnblogs.com/pengfei-nie/p/9134367.html 组件传值
阅读全文
posted @ 2021-09-15 10:56
vue :class
摘要：https://cn.vuejs.org/v2/guide/class-and-style.html 对象语法 我们可以传给 v-bind:class 一个对象，以动态地切换 class： <div v-bind:class="{ active: isActive }"></div> 上面的语法表示
阅读全文
posted @ 2021-09-15 10:34
