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;…
vue的项目，运行run serve的时候，控制台没有报错，但是打开首页，显示： Cannot GET / 网上知道有这几种解决方案，整理下，供参考： 打包的时候会把config文件夹下index.js的assetsPublicPath改成了 "./“ ，再次编译 npm run dev 却没有改回来 ，去掉 . 改成/就可以 把项目下的node_modules文件夹删除，然后重新npm install
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…
前端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-…
在一些业务或者代码逻辑中，需要在代码中直接激发按钮或者其他元素的鼠标click点击事件， 而不是通过用户的直接点击。 可以使用ref取得这个button，然后有一个$el，执行click()方法即可，代码如下： <button ref="button1"></button> this.$refs.button1.$el.click(); <!--有肯呢个ref有多个，取第一个--> this.$refs.button1[0].$el.click();
我的环境： 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…
前言 最近在一次理解vue项目的代码时，发现周一对好多API都不太熟悉。这间接导致的问题是，代码理解速度要比平常要慢很多。于是乎，赶忙把vue API的学习提上了日程。 在下面的文章中，将地板式地扫盲vue3文档中API模块的所有内容，融入周一的理解进行深入介绍。下面就来一起看看吧~🍬 一、框架搭建 1、关于文档 首先附上官方文档的具体材料：cn.vuejs.org/api/ 2、VUE3 API整体盘点 在vue3的全新API中，有部分在vue2的基础上沿用了。还有另外一部分，是vue3所新增加的。我们先来看vu…
vchats的图例，有时候根据设计的需要，不一定用原来默认的位置，例如可能摆在图表的左边或者右边，也可能需要修改图例的颜色、文字等等，在vchart中是通过extend来设定的，示例如下： <VePie style="" :data="chartData" :extend="chartExtend"></VePie> chartExtend的内容如下(主要是legend的配置)： chartExtend: { legend: { top: 45, // 距离上边界的地址 show: true…
vue使用使用vchart，如果要统计两个维度，可以让Y轴左右各显示两个维度，例如： <VeHistogram :data="chartData" :settings="chartSettings" :extend="chartExtendBar"></VeHistogram> this.chartData = { columns: ['班级类型', '已开班级数', '已培训人次'], rows: [{'班级类型':'A班', '已开班级数': 5, '已培训人次': 2000}, {'班…
vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？ 如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信，就可以考虑Vue中的 事件总线 ，即 来通信。 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送…
