- 博客(15)
- 收藏
- 关注
RSS订阅原创 适用于用移动端的富文本编辑器vue-html5-editor 用法，及与fastclick插件冲突的问题解决
研究fastclick插件发现可以通过样式‘needclick’来控制哪些元素不受fastclick插件的影响。由于输入的内容是不定的，需要动态来将其添加上样式‘needclick’2、在 main.js引入。
2024-06-24 17:33:51
281
原创 在Vue3中，props传值以on开头，如onXxx，在调用子组件时可以用@开头 @xxx=““ 给子组件传值
在上面的代码中，我们使用了"@update-value"来代表子组件的"onUpdateValue"属性，同时给"@update-value"绑定了一个名为"handleUpdateValue"的方法来处理更新事件。具体而言，如果你在子组件中定义了一个props属性名为"onXXX"，那么在父组件中调用子组件时，可以用"@XXX"来代表这个属性。在Vue3中，props传值以on开头，在调用子组件时可以用@开头代表某个属性的原因是：这是Vue3中的一种新特性，叫做v-model指令的缩写语法。
2024-05-27 10:43:32
147
原创 vue3 如何设置前进刷新，后退不刷新
在组件上添加v-if=“$route.meta.keepAlive”，这样只有被标记为需要缓存的组件才会被缓存。在组件上添加:key=“$route.fullPath”，这样每次路由变化时，组件都会重新渲染。在Vue3中，可以使用组件的v-slot来实现前进刷新，后退不刷新的效果。在路由配置中，为需要缓存的组件添加meta字段，并设置keepAlive为true。在组件上添加v-slot，并指定name为default。
2023-11-01 09:00:26
1364
4
原创 axios 响应拦截的error 是什么类型的数据
console.log 打印的是对象的字符串表示形式，而不是对象本身。当你使用 console.log 打印 Error 对象时，它会调用 Error 对象的 toString() 方法，这个方法会将 Error 对象转换为字符串并进行打印。当请求发生错误时，axios 会返回一个 Promise 对象，如果响应拦截器中发生错误，error 对象会被传递给拦截器的错误处理函数。在上述示例中，我们创建了一个Error对象，并使用instanceof操作符判断变量err是否是Error对象或其派生类的实例。
2023-09-12 17:31:01
1272
原创 webpack3 打包大小优化 提高首屏加载速度
webpack3 打包大小优化 提高首屏加载速度、引用cdn资源，使用cdn后开发工具devtool失效处理
2022-01-06 13:51:21
919
原创 vue-cli4创建的项目打包优化
vue-cli4创建的项目打包优化 cdn 引入、使用tree shaking配置sideEffects，减小打包大小...
2022-01-06 11:20:40
1092
原创 vue项目双路由模式的多环境打包配置
最近的项目需要配置双路由模式的多环境打包，在每个环境下直接执行命令行即可，无需每次打包前再去修改变量。本次使用的vue-cli4，history模式下需要打包到xunjia目录下，且访问路径要携带xunjia/，hash模式直接是根路径。需要打包测试环境（history模式 + hash模式）和正式环境（history模式 + hash模式），为了开发运行方便也加了本地运行的两个模式的命令。配置如下：先加了几个env.[*] 文件，.env.development 本地运行的hash模式.en
2021-12-18 09:43:29
1089
原创 vue 项目外部js文件使用router
因为想要在项目中utils下面的js文件中统一使用处理某些调整，在网上搜了方法，然后收到了这个因为项目需要同时支持两种路由模式，而且是多入口的项目，history模式下正常使用，而运行到hash模式后，页面跳转出现死循环，最后发现引入main.js这里导致的。后来继续在网上找方法，找到外部js中：import Router from '@/router'Router.push({})这样两种模式下均可正常运行...
2021-12-17 17:25:16
4328
原创 vue项目hash模式改history模式 mand-mobile组件库样式不生效
最近开发遇到需要将项目的路由模式改为history，修改之后发现mand-mobile组件库样式全没了，自己写的样式还在。于是各种检查：看mand-mobile官网、看vue-cli配置、网上搜类似问题，都搜不到。最后发现页面运行后，引用了default.css 打开发现被返回了原始的html页面，猜测是没找到这个文件。全局搜索发现app.vue中引入了一个修改后的mand-mobile样式表created() { const stylesheetPath = 'theme/default.c
2021-12-17 17:03:04
435
原创 mand-mobile 组件库 tab-bar组件滚动问题
mand-mobile 组件库 tab-bar组件滚动问题问题描述：tabbar组件 在目测可放下一定数据的情况下，仍显示滚动条，希望只有在数据太多时才出现产生原因：研究它tabbar组件源码发现，滚动是对比两个宽度来决定的computed: { scrollable() { return this.contentW > this.wrapperW },}由于不同屏幕宽度，计算出来的宽度会有不能完全平分的情况，导致this.contentW 计算结果为
2021-09-16 16:17:39
490
3
原创 elementUI 中tree的节点文字过长显示不全的解决办法
elementUI 中tree的节点文字过长显示不全的解决办法：使用el-scrollbar<el-scrollbar> <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode"
2021-04-15 18:04:50
3714
3
原创 echarts 图例过多分页显示，且定时切换页数
echarts 图例过多分页显示，且定时切换页数echarts 的配置项：legend配置如下：type: ‘scroll’, show: true, type: 'scroll', orient: 'vertical', right: '10px', top: 0, bottom: 0, ico...
2020-01-08 16:38:28
2781
原创 VUE去哪儿网教程中的keep-alive exclude="Detail" Detail中activated失效问题解决办法
VUE去哪儿网教程中的APP.vue：<keep-alive exclude="Detail"> <router-view/></keep-alive>当添加：exclude="Detail"之后，detail中的header：activated () { window.addEventListener('scroll', this.doScr...
2019-06-14 10:14:04
1231
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人