vue2项目中的路由页面,希望可以为每个页面设置不同的标题(title),就是显示在浏览器或微信中的标题。 总结以下的2种方式: 方式1,router/index.js 中增加如下代码: import Vue from 'vue'; const DEFAULT_TITLE = '这是个默认的标题'; router.beforeEach((to, from) => { Vue.nextTick(() => { document.title = to.meta.title || DEFAULT_TITLE;…

2023-09-17 0条评论 23点热度 0人点赞 admin 阅读全文

vue的项目,运行run serve的时候,控制台没有报错,但是打开首页,显示: Cannot GET / 网上知道有这几种解决方案,整理下,供参考: 打包的时候会把config文件夹下index.js的assetsPublicPath改成了 "./“ ,再次编译 npm run dev 却没有改回来 ,去掉 . 改成/就可以  把项目下的node_modules文件夹删除,然后重新npm install

2023-09-03 0条评论 65点热度 0人点赞 admin 阅读全文

ElementPlus/Vue3项目启动时候,遇到如下错误: error in ./src/i18n/index.ts Module not found: Error: Package path ./lib/locale/lang/zh-cn is not exported from package /path/to/project/node_modules/element-plus (see exports field in /path/to/project/node_modules/element-plus/p…

2023-08-28 0条评论 131点热度 0人点赞 admin 阅读全文

前端Vue项目使用npm run启动的时候,遇到如下报错,无法启动 Error: error:0308010C:digital envelope routines::unsupported 具体信息如下: > [email protected] serve > vue-cli-service serve INFO Starting development server... 10% building 2/3 modules 1 active ...website/node_modules/cache-…

2023-07-29 0条评论 109点热度 0人点赞 admin 阅读全文

在一些业务或者代码逻辑中,需要在代码中直接激发按钮或者其他元素的鼠标click点击事件, 而不是通过用户的直接点击。 可以使用ref取得这个button,然后有一个$el,执行click()方法即可,代码如下: <button ref="button1"></button> this.$refs.button1.$el.click(); <!--有肯呢个ref有多个,取第一个--> this.$refs.button1[0].$el.click();  

2023-05-18 0条评论 193点热度 0人点赞 admin 阅读全文

我的环境: MacOS Apple芯片 Vue3+TypeScript 遇到一个问题,npm run serve的时候正常,但是npm run build的时候遇到错误,如下: Syntax Error: HookWebpackError: Module build failed (from . /node_modules/image-webpack-loader/index.js) : Error: spawn /path/to/node_modules/optipng-bin/vendor /optipng E…

2023-04-24 0条评论 229点热度 0人点赞 admin 阅读全文

前言 最近在一次理解vue项目的代码时,发现周一对好多API都不太熟悉。这间接导致的问题是,代码理解速度要比平常要慢很多。于是乎,赶忙把vue API的学习提上了日程。 在下面的文章中,将地板式地扫盲vue3文档中API模块的所有内容,融入周一的理解进行深入介绍。下面就来一起看看吧~🍬 一、框架搭建 1、关于文档 首先附上官方文档的具体材料:cn.vuejs.org/api/ 2、VUE3 API整体盘点 在vue3的全新API中,有部分在vue2的基础上沿用了。还有另外一部分,是vue3所新增加的。我们先来看vu…

2022-12-16 0条评论 331点热度 0人点赞 admin 阅读全文

vchats的图例,有时候根据设计的需要,不一定用原来默认的位置,例如可能摆在图表的左边或者右边,也可能需要修改图例的颜色、文字等等,在vchart中是通过extend来设定的,示例如下: <VePie style="" :data="chartData" :extend="chartExtend"></VePie> chartExtend的内容如下(主要是legend的配置): chartExtend: { legend: { top: 45, // 距离上边界的地址 show: true…

2022-12-14 0条评论 248点热度 0人点赞 admin 阅读全文

vue使用使用vchart,如果要统计两个维度,可以让Y轴左右各显示两个维度,例如: <VeHistogram :data="chartData" :settings="chartSettings" :extend="chartExtendBar"></VeHistogram> this.chartData = { columns: ['班级类型', '已开班级数', '已培训人次'], rows: [{'班级类型':'A班', '已开班级数': 5, '已培训人次': 2000}, {'班…

2022-12-08 0条评论 266点热度 0人点赞 admin 阅读全文

vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过 props 向下传数据给子组件,当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系,该如何通信了? 如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信,就可以考虑Vue中的 事件总线 ,即   来通信。 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送…

2022-12-04 0条评论 369点热度 0人点赞 admin 阅读全文
123457