logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中使用echarts,及采坑整理,vue中使用echarts报错,Error in mounted hook: “Error: xAxis “0“ not found“

第一步:安装echarts,npm install echarts -S,此时最好指定安装版本,否则后面可能会出问题第二步:使用全局引入(不太推荐)main.js中引入// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts页面使用模板部分<div id="myChart" :style="{width

#echarts#vue.js#javascript
vue+element导航菜单子菜单只有一个时不显示子菜单

<el-menuclass="el-menu-vertical-demo"background-color="#001529"text-color="#fff"active-text-color="skyblue":unique-opened="true":collapse="isCollapse":collapse-transition="false"...

文章图片
#vue.js#javascript
vue将方法挂载到原型上

有时我们在做项目的时候某个方法或某些方法需要重复时候,这个时候我们可以将他挂载到原型上,然后直接this.方法,使用首先在main.js写入以下代码//feedback 是我封装的一个对象,里面主要是uniapp消息反馈的api二次封装,由于多个页面需要使用这里我将它封装成一个对象然后挂到原型上以便于使用const feedback = require('./public/public.js')/

#vue.js#javascript#前端
vue项目没有package.json文件

终端输入npm init 然后一直点回车,直到出现package相关配置

运行vue3项目报错:Error: The package “@esbuild/win32-x64“ could not be found, and is needed by esbuild.

然后大概意思是找不到esbuild这个包,但这个包又是必须的,自己明明又没有安装此包,不过估计应该是pinia所依赖的一个包。今天运行vue3项目的时候装了个pinia,然后再运行项目,突然报错。解决方法:执行命令npm i esbuild安装此包即可运行。

文章图片
#vue.js#前端#javascript
Vue3+vite项目中使用mock模拟接口

注意此处如果配置出错可能是vite-plugin-mock依赖的版本有问题,重新安装一下依赖指定版本即可,这里推荐使用2.9.6版本的。根路径(src平级的目录)新建文件夹mock,新建文件user.ts添加以下代码。分别安装vite-plugin-mock跟mockjs两个插件。vite.config.ts中添加配置,主要是红色标记的配置。测试结果,响应结果为200,模拟请求成功。安装axios

文章图片
#前端
vue3使用粒子特效

【代码】vue3使用粒子特效。

文章图片
#arcgis#vue.js#前端 +1
vue打印、vue-print-nb插件的基本使用

打印的方法最常见的就是window.print(),这是浏览器自带的打印方法,方便快捷无需安装插件,但相应的自定义化也差无法打印页面局部,去网上查找资料之后发现vue-print-nb这个插件使用频率是比较高的,也是功能相对比较完善的。局部或单页面引入使用:(此处我使用单页面引入有问题,一进页面就自动执行打印了,所以我最后选择了全局引入)在data函数返回的对象里面加入打印的配置参数,因为v-pr

文章图片
#vue.js#前端#javascript
vue项目没有package.json文件

终端输入npm init 然后一直点回车,直到出现package相关配置

vue项目之.env文件.env.dev、test、pro

env文件是vue运行项目时的环境配置文件。env: 全局默认配置文件,所有环境(开发、测试、生产等)均会加载并合并该文件。

文章图片
#vue.js#前端#javascript
    共 25 条
  • 1
  • 2
  • 3
  • 请选择