main.js 第23页

Swiper在Vue2中的使用

以swiper3为例一、全局引入1.下载swiper3cnpminstallswiper@3vue-awesome-swiper@3--save-dev2.在main.js中引入Vue-Awesome-SwiperimportVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper

iaz999·2023-10-18 10:38

使用 vue-i18n 切换中英文

兼容性：支持Vue.js2.x以上版本安装方法：(此处只演示npm)npminstallvue-i18n使用方法：1、在main.js中引入vue-i18n(前提是要先引入vue)importVueI18nfrom'vue-i18n'Vue.use

墨韵明空·2023-10-18 08:43

px2rem-loader 使用方法

1.在命令行中运行如下安装：npmilib-flexible--save2.引入lib-flexible在项目入口文件main.js里引入lib-flexibleimport'lib-flexible'

一叶障目5217·2023-10-18 06:30

【vue2高德地图api】02-npm引入插件，在页面中展示效果

系列文章目录提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、安装高德地图二、在main.js中配置需要配置2个key值以及1个密钥三、在页面中使用3.1新建路由

阿民不加班·2023-10-18 05:08

【vue2高德地图api】03-完善展示页，并且调用poi搜索接口

接口+变量+方法1.data变量2.methods3.computed4.api接口方法三、配置api接口方法创建map.jsgetParkList方法移动端控制台插件四、编写components组件在main.js

阿民不加班·2023-10-18 05:31

uniapp vue3中vuex的使用

createStore}from'vuex'conststore=createStore({state:{//存放状态"username":"狐狸","age":18}})exportdefaultstore在main.js

irisMoon06·2023-10-18 02:21

vue 项目中使用rem布局

目录1安装postcss-px2rem及px2rem-loader2在根目录src中新建util目录下新建rem.js等比适配文件3在main.js中引入适配文件

一染星辰·2023-10-18 01:40

vue中rem实现自适应

安装插件并使用借助插件将px转remlib-flexible用于设置rem基准值postcss-pxtorem是一款postcss插件，用于将单位转化为remnpmi-Samfe-flexible安装完毕在main.js

碰磕·2023-10-18 01:04

vue 前端实现pdf下载.npm install html2canvas jspdf --save

npminstallhtml2canvasjspdf--save//页面使用...........下载测试//main.js文件importhtmlToPdffrom'.

柠檬不萌只是酸i·2023-10-18 00:33

vue项目获得开源代码之后跳过登录界面

readme运行进入到账号和密码找到main.js比如说，以上这段代码剩下next（）就成功进入了

小美元·2023-10-17 20:32

vue中引入jquery

这个没法上图了，直接按步骤来吧1.下载jquerynpminstalljquery--save2.找到webpack.base.config.js3.引入webpack4.引入jquery5.在main.js

Chris__Wang·2023-10-17 17:24

vue后台如何刷新过期的token_vue判断token是否过期，过期后刷新token

我们可以通过挂载路由导航守卫和响应拦截器来判断在main.js加入如下代码/*响应拦截器*/axios.interceptors.response.use(function(response){//①10010token

奔二的斑马王子·2023-10-17 16:32

[0xGameCTF 2023] web题解

signinbaby_phphello_httprepo_leakping[Week2]ez_sqli方法一（十六进制绕过）方法二（字符串拼接）ez_uploadez_unserialize[Week1]signin打开题目，查看下js代码在main.js

Sx_zzz·2023-10-17 14:39

vue实现移动端适配方案

实现移动端适配步骤如下:先安装amfe-flexible和postcss-pxtorem：npminstallamfe-flexible--savenpminstallpostcss-pxtorem--save在main.js

星期五の夜·2023-10-17 14:29

vue项目引入 vant组件库

文件中添加按需引入配置{"plugins":[["import",{"libraryName":"vant","libraryDirectory":"es","style":true}]]}3、按需引入（main.js

四月天__·2023-10-17 10:21

antd 全局修改默认属性方法

直接在main.js里面修改就行例如modal遮罩层默认关闭import'regenerator-runtime/runtime'importVuefrom'vue'importAppfrom'.

一晌贪欢i·2023-10-17 08:03

记录一个vue3使用router遇到的奇怪问题

router-linkIfthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviacompilerOptions.isCustomElement.at搞了好久找到原因，在main.js

BrainHo·2023-10-17 04:37

electron学习笔记

一个基础的Electron包含三个文件：package.json(元数据)、main.js（代码）和index.html（图形用户界面

带大星·2023-10-17 04:33

响应式布局之REM

除了REM之外，还有VM、REM+VM，今天主要来记录一下REM的实操，一、安装插件npminstalllib-flexiblenpminstallpostcss-plugin-px2rem-D二、在main.js

砥砺前行前程似锦·2023-10-17 03:44

vue使用高德地图实现多车定位和信息窗口:

console.amap.com【2】下载并导入依赖=》npminstallvue-amap-S【3】使用2、官网=》右上角控制台3、使用过程：【1】安装依赖：npminstallvue-amap--save-dev【2】main.js

Sun Peng·2023-10-17 02:36

vue使用高德地图画电子围栏_高德地图的使用 vue-amap+vue

基本配置1：在vue项目中下载vue-amapnpminstallvue-amap--save文档连接2:在main.js引入高德地图importVueAMapfrom'vue-amap';//注册高德

weixin_39843338·2023-10-17 02:05

vue使用高德地图小demo（标记点，画线，3D，叠加图片图层）

效果图：代码实现：main.js是需要引入amap的：importVueAMapfrom'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiL

_小郑有点困了·2023-10-17 02:35

【已解决】JS/Vue实现拖拽调整窗体大小（右侧、底部、右下角）

directive.js文件，要在main.js引入该文件importVuefrom'vue'Vue.directive('dialogDragWidth',{inserted(el,binding){

我看刑·2023-10-17 02:04

关于vue使用高德地图vue-amap实现路径规划

npminstallvue-amap--savekey申请https://lbs.amap.com/api/android-sdk/guide/create-project/get-key在项目中配置高德地图安装成功后在main.js

技术钱·2023-10-17 02:34

Vue3.0 项目结构及组件

main.js文件//vue中main.js的作用//main.js是项目的入口文件，项目中所有的页面都会加载main.js,所以main.js,主要有三个作用：//1.实例化Vue。

无盐海·2023-10-17 02:39

在Vue2中引入Cesium

Cesiumcesium引入第一种引入方式为直接引入去官网下载对应文档进行引入第二种为npm下载引入本教程结合vue使用cesium引入首先创建vue项目再下载cesiumnpminstallcesium在main.js

雲墨知秋·2023-10-16 23:32

Uniapp中正确使用自定义组件实时显示时间

一、如何使用自定义组件1、挂载在main.js中使用import语法引入组件路径，使用Vue.component()方法全局注册组件后，可以在各个页面中无需引入，直接使用（使用时记得首字母是大写）。

stoiCasey·2023-10-16 23:24

axios post传递对象_让axios发送表单请求形式的键值对post数据的实例

想要发送键值对，其实是需要做响应处理的，直接上代码代码如下：npminstall--saveaxiosvue-axiosqsqs是必不可少的插件，安装完成后，在main.js插入一下代码代码如下：//载入

陈涌海·2023-10-16 21:04

让axios发送表单请求形式的键值对post数据

想要发送键值对，其实是需要做响应处理的，直接上代码npminstall--saveaxiosvue-axiosqs1qs是必不可少的插件，安装完成后，在main.js插入一下代码//载入axiosimportQsfrom'qs'importaxiosfrom'axios'importVueAxiosfrom'vue-axios'varaxios_instance

忞于醇·2023-10-16 21:01

vue3中Element-plus全局配置Dialog遮罩层点击不关闭

在main.js文件中进行如下配置：import{createApp}from'vue'importElementPlusfrom'element-plus'importAppfrom'.

七的不是海·2023-10-16 16:35

Vue+Electron打包桌面应用(从零到一完整教程)

文章目录一.使用vite+vue3+js方式一.构建桌面应用1.创建项目2.安装依赖运行项目3.配置Electron4.修改配置文件1)vite.config.js2）main.js(项目根目录新增)3

萧寂173·2023-10-16 16:03

在vue3+vite+Ts项目中使用svg

这里写自定义目录标题1、首先在conponents目录下创建组件2、在main.ts文件中在main.js里面全局注入svg-icon组件3、在utils目录下创建svg.ts文件4、在vite.config.js

#GZ·2023-10-16 10:35

vue-cli3构建PWA离线应用

PWA1.安装pwa插件依赖vue-cli3安装pwa插件时会安装register-service-worker依赖包,并自动生成一个registerServiceWorker.js（src文件下）文件并在main.js

小包同学666·2023-10-16 09:51

如何在VUE项目中使用Echarts图表

第一步，先下载echartsnpminstallecharts--save第二步，可根据项目需求，如果是多页面引用，需在main.js文件中全局引用import*asechartsfrom'echarts

Amore﹉·2023-10-16 09:19

在vue项目中使用echarts图表

1.安装echarts包yarnaddecharts--save2.引入到项目中a.全局引入（在main.js中引入）importechartsfrom'echarts'Vue.prototype.

FFF-X·2023-10-16 09:18

vue中使用echarts图表的简单使用

或者是用淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstallecharts-S2.创建图表首先需要全局引入在main.js

烟树晚樱·2023-10-16 09:48

(echarts)vue项目中引入Echarts图表

(echarts)vue项目中引入Echarts图表项目场景：油气智慧平台图表使用解决方案：1.下载安装依赖npminstallecharts--save2.在main.js中全局引入importechartsfrom'echarts'Vue.prototype

nyf_unknown·2023-10-16 09:15

Element ui 组件库使用技巧。

配置babel.config.js文件可以创建一个js特意来存放我们需要的element组件.在main.js文件中全局引入上面存放组件的js文件.babel.config.js文件:module.exports

i小杨·2023-10-16 07:00

(vue3-vite-ts) main.js文件中 import App from ‘./App.vue‘ 报错的解决办法

使用vite创建项目后，在src目录下，有一个vite-env.d.ts文件，在这个文件中，添加如下代码：declaremodule"*.vue"{import{DefineComponent}from"vue"constcomponent:DefineComponentexportdefaultcomponent}即可解决importAppfrom'./App.vue'报错的问题

一嘴一个橘子·2023-10-15 22:15

vue中安装模块

在终端中输入命令npminstall-gcnpm--registry=https://registry.npm.taobao.org--安装淘宝镜像cnpminstall--saveiview--安装iview在main.js

春天姐姐·2023-10-15 18:23

vue + matomo实现埋点

一、引入npmivue-matomo二、在main.js中配置importVueMatomofrom'vue-matomo'Vue.use(VueMatomo,{ host:'http://xxx.xxx.x.xxx

qq_33475629·2023-10-15 16:25

vue使用matomo进行数据统计，区别每个路由

首先在main.js找那个引入vue-matomo安装一下matomoimportVueMatomofrom'vue-matomo'Vue.use(VueMatomo,{host:'http://matomo.na.xyz

dakache11·2023-10-15 16:50

vue打印功能vue-print-nb

开始安装依赖：npminstallvue-print-nb--save在main.js中引入importPrintfrom'vue-print-nb'Vue.use(Print)要打印的内容用id="printMe

糯米黑子·2023-10-15 03:19

打印功能vue-print-nb

最近项目中需要使用到打印功能原理就是调起浏览器打印主要使用的插件是vue-print-nb官网地址：详细可自行查看官网地址使用方法1.下载插件npminstallvue-print-nb2.在main.js

忘川a1·2023-10-15 03:45

vue2 使用vue-print-nb实现打印功能

vue-print-nb实现当前页面打印功能参考文章VUE利用vue-print-nb实现打印功能vue2安装及引入安装npminstallvue-print-nb--save引入//1.全局挂载，在main.js

小香菜今天吃什么·2023-10-15 03:14

vue 打印区域内容 vue-print-nb

使用vue-print-nb实现打印功能一、安装依赖：npminstallvue-print-nb--save，并且在main.js中引入 //引入importPrintfrom'vue-print-nb

ONEO阿喔哟·2023-10-15 03:44

luffy项目前端创建、配置、解决跨域问题、后端数据库迁移

前端创建前端vue使用vue-cil创建前端将无用的东西删除配置跟后端交互：axios安装插件：cnpminstall-Saxios在main.js中写importaxiosfrom"axios";Vue.prototype

我每天都好饿·2023-10-15 02:24

关于vue3+vue-cli配置环境变量出现的process is not defined的问题

本来我想测试一下环境变量有没有成功，看了一些网上的教程说，在终端输入config.log(process.env.VUE_APP_BASE_API)就可测试，然而一直报错，死活不出来之后看了一些教程，终于在终端打印了出来注意要在main.js

笑马通学·2023-10-15 02:23

vue3.0使用vue-seamless-scroll报错问题

因公司业务需求，需要一个列表滚动功能根据网上资料的步骤来做，出现了如下报错：不管是在main.js中引用还是在组件中直接引用都会出现这个问题。解决方法如下：路径加上src后能正常显示列表并滚动。

周法海·2023-10-15 02:50

H5单页面应用设置标题——vue-wechat-title

安装npminstallvue-wechat-title--save-dev;main.js引入Vue.use(require('vue-wechat-title'));App.vue中router.js

_hider·2023-10-14 23:35

推荐频道

main.js