- 博客(13)
- 收藏
- 关注
原创 router Path
import nProgress from 'nprogress'import { createWebHashHistory, createRouter, RouteRecordRaw,} from 'vue-router'declare module 'vue-router' { interface RouteMeta { description: string, parentRouteName: string, showInAside: boolean, //是否在侧边导航栏显
2023-09-07 20:44:59 114
原创 Wecvgggg
return routes.filter(route => map.get(route.path)) //返回所有顶级路由。map.set(route.path, true) //该路由不是任何路由的子路由,是顶级路由。let map = new Map<string, boolean>() //该路由是否为顶级路由。map.set(route.path, false) //该路由是某个路由的子路由。// 获取面包屑的路由名称数组。// 获取面包屑的路由描述数组。
2023-09-07 19:45:58 95
原创 IE兼容性滚动条
然后,使用 CSS 样式 -ms-overflow-style: none 禁用 IE 浏览器的默认滚动条样式,并使用 scrollbar-width: none 隐藏 Firefox 浏览器的滚动条。最后,使用 ::-webkit-scrollbar 来针对 IE 浏览器设置滚动条的宽度和高度为0px。/* Chrome, Safari 和 Opera 浏览器的滚动条高度 *//* Chrome, Safari 和 Opera 浏览器的滚动条宽度 *//* 禁用 IE 浏览器的默认滚动条样式 */
2023-05-09 15:48:01 596
原创 【无标题】
在这个环节中,我们可以通过timeout属性来设置超时时间。如果超时时间达到了设定值,axios会自动终止请求并抛出错误,我们可以通过catch来捕获该错误。在这个例子中,我们在请求拦截器中设置了超时时间,并在响应拦截器中判断了请求是否超时。我们还可以添加请求拦截器和响应拦截器来检测请求的超时时间。我们可以使用axios库来自定义一个axios实例,从而对这个实例进行配置,包括设置超时时间。通过这些方法,我们可以处理Vue.js中的接口请求超时问题,并在应用中提供更好的用户体验。
2023-04-14 10:29:25 60
原创 设置所有内容不可编辑
您可以使用一个变量来控制是否启用只读模式,并将该变量绑定到对话框的v-bind:close-on-click-modal和v-bind:lock-scroll属性上,以防止用户点击模态框和滚动页面。要将按钮设为不可点击状态,可以使用该组件的disabled属性。
2023-04-12 16:31:22 1149 1
原创 vue双击事件
在上面的示例中,我们使用v-on指令来监听dblclick事件,并将其绑定到handleDoubleClick方法上。当用户双击元素时,handleDoubleClick方法将被调用,你可以在这个方法中编写你自己的双击事件处理代码。在Vue中,你可以通过v-on指令来监听元素的事件,包括双击事件。这两种方法都是等效的,你可以根据自己的喜好和习惯选择使用哪种。console.log('双击事件被触发了')// 在这里编写处理双击事件的代码。
2023-04-12 14:52:00 8468
原创 nuxt 前端上新版本,需要强制刷新页面
在上述代码中,我们向页面的头部添加了Cache-Control、Pragma和Expires等缓存控制头部信息,从而禁用了浏览器的缓存功能,确保每次加载页面时都可以获取最新版本的页面。在构建Nuxt.js应用程序时,可以通过在构建命令中添加--no-cache选项来禁用缓存。以上两种方法都可以有效地解决Nuxt.js页面缓存问题,确保新版本的页面可以立即生效。这将禁用缓存,并在每次构建时生成新的构建文件,从而确保新版本的页面可以立即生效。在构建Nuxt.js应用程序时启用缓存无效化。
2023-04-11 09:47:01 1636 4
原创 eCharts饼图,可以点击数据,又可以点击空白部分
myChart.getZr().on('click')这个方法是获取全部画布的点击。myChart.on('click')这个方法是获取饼图数据的点击。
2022-11-15 16:48:23 3030 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人