- 博客(7)
- 收藏
- 关注
原创 关于组件缓存
列表页->详情页,列表页里含一些筛选框和一表格,详情页里含各种组合表单控件。为了满足用户体验,列表页组件List与详情页组件Detail都采用了进行缓存,这样做的好处是,切换页面时依然会保留用户的数据。这条是非常有必要的,比如你填了一大串表单,切走页面,回来的时候发现啥也没了,崩溃有木有!ORZ…(会根据组件的 name 选项进行匹配,所以组件如果想要条件性地被 KeepAlive 缓存,就必须为组件显式声明一个 name)缓存是通过组件name来找的。
2023-08-21 17:33:36 172 1
原创 连续出现多次Uncaught (in promise){}报错
h5项目,pc端访问正常,iphone12真机访问,连续多次报错Uncaught (in promise){},以致真机上功能受到影响。
2023-05-24 15:31:02 884
原创 v-loading=“loading“与v-if不要同时用
例如,如果你在一个组件中使用了 v-if 指令来控制组件的显示和隐藏,并且在该组件中使用了 v-loading 指令来控制加载状态的显示和隐藏,那么在组件需要重新渲染时,v-if 指令会先将该组件从 DOM 中移除,然后再重新渲染该组件。如果你需要在组件中控制 loading 状态的显示和隐藏,可以考虑使用其他的方法,例如在组件中添加一个 loading 组件,或者使用父子组件之间的通信来实现。因此,如果你同时使用 v-loading 和 v-if 指令,会导致两个指令互相干扰,从而出现意想不到的结果。
2023-03-17 16:09:40 2989 3
原创 baseURL与跨域
三种模式配置:开发环境 .env.development测试环境 .env.production生产环境 .env.test注意点:vue.config.js里的devServer是针对本地开发环境对应的服务器而进行的配置,与生产环境无关。生产环境的配置由运维进行配置so,devServer里的proxy也只针对本地开发环境而做的跨域配置axios里的baseURL如果 axios 的 baseURL 配置的是绝对路径,例如 ‘http://192.168.1.45:8085/’,
2022-04-29 10:55:33 2115
原创 flex布局后,子元素高度如何保持自身高度
以下为不设置任何css情况下,正常流布局。图片和文字属于行内元素,图文环绕展示。需求:图片和文字单独各一列,且各自显示正常的自身高度**解决办法:**设置容器p的布局为flex布局,display:flex。此时flex布局内的子元素会默认水平显示。出现新问题,子元素里的图片高度不对了,取的是父容器p里子元素的最大高度,原因是:这是因为Flex 布局会默认:● 把所有子项变成水平排列。● 默认不自动换行。● 让子项与其内容等宽,并把所有子项的高度变为最高子项的高度。这样设置背景色的时候非常
2022-04-22 17:16:24 5112
原创 通过getElementsByClassName获取的节点,style.display失效
遇到问题:点击删除按钮,想删除一块内容。这么写:会发现代码报错!解决方案一:getElementsByClassName与ID获取的不一样,打印getElementsByClassName得到的是一个HTMLCollection,要用getElementsByClassName(“content”)[0]的形式。解决方案二:用ID完全没问题拉...
2020-12-02 15:04:23 5147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人