- 博客(15)
- 收藏
- 关注
原创 适用于用移动端的富文本编辑器vue-html5-editor 用法,及与fastclick插件冲突的问题解决
研究fastclick插件发现可以通过样式‘needclick’来控制哪些元素不受fastclick插件的影响。由于输入的内容是不定的,需要动态来将其添加上样式‘needclick’2、在 main.js引入。
2024-06-24 17:33:51 402
原创 在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 190
原创 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 1698 4
原创 axios 响应拦截的error 是什么类型的数据
console.log 打印的是对象的字符串表示形式,而不是对象本身。当你使用 console.log 打印 Error 对象时,它会调用 Error 对象的 toString() 方法,这个方法会将 Error 对象转换为字符串并进行打印。当请求发生错误时,axios 会返回一个 Promise 对象,如果响应拦截器中发生错误,error 对象会被传递给拦截器的错误处理函数。在上述示例中,我们创建了一个Error对象,并使用instanceof操作符判断变量err是否是Error对象或其派生类的实例。
2023-09-12 17:31:01 1462
原创 webpack3 打包大小优化 提高首屏加载速度
webpack3 打包大小优化 提高首屏加载速度、引用cdn资源,使用cdn后开发工具devtool失效处理
2022-01-06 13:51:21 947
原创 vue-cli4创建的项目打包优化
vue-cli4创建的项目打包优化 cdn 引入、使用tree shaking配置sideEffects,减小打包大小...
2022-01-06 11:20:40 1166
原创 vue项目双路由模式的多环境打包配置
最近的项目需要配置双路由模式的多环境打包,在每个环境下直接执行命令行即可,无需每次打包前再去修改变量。本次使用的vue-cli4,history模式下需要打包到xunjia目录下,且访问路径要携带xunjia/,hash模式直接是根路径。需要打包测试环境(history模式 + hash模式)和正式环境(history模式 + hash模式),为了开发运行方便也加了本地运行的两个模式的命令。配置如下:先加了几个env.[*] 文件,.env.development 本地运行的hash模式.en
2021-12-18 09:43:29 1119
原创 vue 项目外部js文件使用router
因为想要在项目中utils下面的js文件中统一使用处理某些调整,在网上搜了方法,然后收到了这个因为项目需要同时支持两种路由模式,而且是多入口的项目,history模式下正常使用,而运行到hash模式后,页面跳转出现死循环,最后发现引入main.js这里导致的。后来继续在网上找方法,找到外部js中:import Router from '@/router'Router.push({})这样两种模式下均可正常运行...
2021-12-17 17:25:16 4508
原创 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 452
原创 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 507 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 3784 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 2925
原创 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 1250 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人