IntelliJIdea开发Vue遇到的几个问题确保idea已安装插件【Vue.js】问题1：ts方法错误或提示导入importxxx.vue标红解决办法：在env.d.ts中添加以下代码(若无此文件，重新创建)：/*eslint-disable

先安装插件[email protected]@2.0.5-S在Vue3的src目录下创建一个文件夹（vendor）,文件夹中放文件（Export2Excel.js）文件内容/*eslint-disable

file-saver+xlsx封装通用导出方法安装插件依赖[email protected]@2.0.52.在utils文件夹中创建ExportExcel.js文件/*eslint-disable

components新建FilterExtend.vue，内容如下升序倒序清除筛选筛选条件{{cItem.label}}-->全选{{val}}确认重置importXEUtilsfrom'xe-utils'/*eslint-disable

一、下载网上的源码只能打印一页，这个源码是修改过的可以直接保存使用全选复制另存为print.js//打印类属性、方法定义/*eslint-disable*/constPrint=function(dom

一.引用插件importhtml2canvasfrom'html2canvas'importJsPDFfrom'jspdf'二.完整代码//导出页面为PDF格式/*eslint-disable*///不使用

letmap=newBMap.Map('map')//eslint-disable-line//eslint-disable-next-lineletmap=newBMap.Map('map')多行注释/*eslint-disable

直接贴代码，代码中有注释/*eslint-disable*/import{reactive,ref}from"vue";letsourceTabelRef=ref();letdata=reactive(

1、可以通过shallowRef把可以把组件进行包裹111122223333/*eslint-disable*/import{shallowRef}from"vue";importson1from".

print.js//打印类属性、方法定义/*eslint-disable*/constPrint=function(dom,options){if(!

关闭段落校验/*eslint-disable*/jscode/*eslint-disable*/关闭当前校验jscode//eslint-disable-line关闭下一行校验//eslint-disable-next-linejscode

importVuefrom'vue'/*eslint-disable*/(function(window){varCommon={};//中国标准时间转换为自己想要的格式//用法Common.formatChinaTime

html2canvas和pdfjs，在项目中安装插件npminstallhtml2canvas--save-devnpminstalljspdf--save-dev然后写转换方法，如下，downloadPdf.js/*eslint-disable

需要在自己的页面框架中，引用别人做的页面功能第一步router.js第二步在view下建一个IFrame》》IFrame.vue页面第三步在store文件下建一个iframe.js文件第一步router.js/*eslint-disable

关于echarts图表随窗口移动变化，直接看代码1、旧版本/*eslint-disable*///获取数据接口import{getDataApiStatistic}from"@/api/metadata

所以这里使用插件进行px与rem的转换rem的响应式设计这里是我一个全局的js文件，根据设备的宽度和设计稿来动态的另一rem的大小，因此在项目中直接按照设计稿计算出对应的rem来写，设备就能自动适配/*eslint-disable

Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable

有时候我们会发现有几行代码的eslint校验是没有必要的，所以我们需要通过一些注解把这些行的eslint取消掉取消一个文件的eslint校验将/*eslint-disable*/放置于文件最顶部/*eslint-disable

（直接复制以下代码即可）/*eslint-disable*/import{saveAs}from'file-saver'importXLSXfrom

install-Sfile-saverxlsxnpminstall-Dscript-loader或者yarnadd-Sfile-saverxlsxyarnadd-Dscript-loader2.依赖文件Blob.js/*eslint-disable

Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable

所以这里使用插件进行px与rem的转换rem的响应式设计这里是我一个全局的js文件，根据设备的宽度和设计稿来动态的另一rem的大小，因此在项目中直接按照设计稿计算出对应的rem来写，设备就能自动适配/*eslint-disable

Eslint关闭文件校验关闭段落校验/*eslint-disable*/代码块/*eslint-enable*/关闭当前行校验一行代码//eslint-disable-line关闭下一行校验//eslint-disable-next-line

vconsole的具体使用情况在文档中已经说得很清楚了.这里简单写一下package.json>devDependencies"vconsole":"^3.2.0"npminstallmain.js/*eslint-disable

（ts会检测类型错误，在文件顶部加如下代码）/*eslint-disable*///@ts-nocheck主应用下载qiankun微应用无需下载依赖（npminstallqiankun-s），主应用与微应用的路由模式应统一

/cpt'+'able');改成varcpt=cptable;2.创建@/utils/Blob.js文件/*eslint-disable*//*Blob.js*ABlobimple

(题外话：项目使用了ESLint，这段js因为写法问题疯狂报错，需要在js开头加上/*eslint-disable*/来忽略这些报错)在ma

inde.html中使用script标签来引入1、直接引入，全局可用ESLint语法检测会报错：'$'isnotdefine//index.html//vue文件exportdefault{mounted(){/*eslint-disable

自定义指令详解,直接上代码讲解可能更明白一点整个页面的目录如下utils​util.js​directives.jspages​HelloWorld.vuedirectives.js中是具体的逻辑代码/*eslint-disable

vue-ESlint代码规范怎样取消配置package.json运行npmrunlint自动修复也可以在单个文件添加/*eslint-disable*/当行禁用eqeqeq最直接的办法半只注释掉文件webpack.base.conf.js

跳过eslint验证/*eslint-disable*/参考地址web端连接微信云数据库参考地址刚安装完的yarn或者cnpm,禁止运行脚本问题解决PowerShell，以管理员身份运行输入set-ExecutionPolicyRemoteSignedA

第一步：创建loading.vue文件loadingexportdefault{data(){return{show:false,}},methods:{}}第二步：创建index.js文件/*eslint-disable

在客户端将字符串经过加密转换成二维码图片怎么实现依赖qr-image工具调用api获得图片二进制流通过转码成base64格式进行图片展示实现方式/*eslint-disable*/importQrImagefrom'qr-image

导入XLSX库官方地址Github安装npminstallxlsx--s简单二次封装js-xlsx库导入导出功能封装为excel.js/*eslint-disable*/importXLSXfrom'xlsx

=undefined){window.webkit.messageHandlers.back.postMessage('');}else{/*eslint-disable*/android.backHome

npminstallparticles.js2、src/components下新建particles文件夹，文件夹下新建index.vue和particles.jsonparticles文件夹2.1、index.vue代码如下/*eslint-disable

解决方法找到build/webpack.base.conf.js文件，将…(config.dev.useEslint?[createLintingRule()]:[]),注释即可，如图：

问题:使用vue运行Demo样例出现以下问题解决方案：找到build/webpack.base.conf.js文件，将…(config.dev.useEslint?[createLintingRule()]:[]),注释即可，如图：运行效果：执行Demo方案，即可运行成功

Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable

double：{{double}}{{$store.getters.double}}同步修改异步修改a模块：{{aCount}}b模块：{{bCount}}c模块：{{cCount}}修改a修改b修改c/*eslint-disable

SendUploadDeleteSubmitrefreshBookmarkSubscribeLogoutAddtocartPauseRegisterExport样式样式代码太长了，影响阅读表现关键代码，总共没几行，让它动起来，你们直接复制拿去用就行/*eslint-disable

本文实例为大家分享了vue实现页面打印自动分页的具体代码，供大家参考，具体内容如下一、通过ref方式获取元素进行打印1.封装一个js文件//打印类属性、方法定义/*eslint-disable*/constPrint

alphaHexMap是透明度对应的表getHexWithAlpha方法就是转换方法参数color是不带透明度的hex，a是透明度小数其他方法为转换的方法/*eslint-disable*//***@description

导入XLSX库官方地址Github安装npminstallxlsx--s简单二次封装js-xlsx库导入导出功能封装为excel.js/*eslint-disable*/importXLSXfrom'xlsx

安装需要用到的包cnpmicompressingssh2--save-dev代码/*eslint-disable*/const{exec}=require('child_process')constcompressing

效果图放最后1、安装两个依赖npminstall-Sfile-saverxlsxnpminstall-Dscript-loader2、在自己项目新建一个文件夹，放入以下两个jsblod.js/*eslint-disable

安装依赖npminstall-Sfile-saverxlsxnpminstall-Dscript-loader可以下目录中创建文件夹（我是创建在src下）image.pngBlod.js中的代码/*eslint-disable

/*eslint-disable*//***Createdbyjiachenpanon16/11/18.

Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable

：Errorinv-onhandler:"TypeError:对象不支持此操作"二、解决修改源码目录node_modules\element-ui\lib\element-ui.common.js/*eslint-disable