前端哥

vue全局自适应大小: postcss-pxtorem,vue2vue3通用适配

2024-04-19/ 配置基本大小// 设置 rem 函数//当前页面宽度相对于1920px屏幕宽的缩放比例,可根据自己需要修改。//设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整)setRem();//初始化// 适配 - 重置函数setRem();// 全局可调用(其他方式也可)// 改变窗口大小时重置 remsetRem()适配的方法总体分为两步:px转换成remrem根据屏幕大小重置基数改变大小。_vue2 安装postcss-pxtorem

https://www.qianduange.cn//article/5338.html 分类:前端知识

vue2中,如何在router.beforeEach里,等待父页面消息传递

2024-04-19在router.beforeEach中,可以使用next(false)来阻止路由的切换,从而等待父页面消息传递后再将导航转到目标路由。具体步骤如下: 在router.beforeEach中调用 next(false) 来暂停路由的切换。 在父页面中传递消息,并在接收到消息时使用router.push手动触发路由切换。 示例代码如下: javascript hljs复制代码// router.js import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const rout

https://www.qianduange.cn//article/5233.html 分类:前端知识

vue2中,父项目A通过iframe嵌入子项目B的页面(该页面是http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor),代码中先设置src为http://192.168.41.35:9527/导致浏览器插入了一条记录跳转到子项目的首页,然后父项目向子项目发送切换路由消息,子项目监听到到该消息才跳转到该页面。所以导致在该页面点击浏览器返回会回到子项目的首页,如何使得点击返回的跳转顺序正确

2024-04-19可以通过以下方式实现点击浏览器返回时顺序正确跳转: 在父项目A中,设置iframe的src为子项目B的页面地址http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor; 在子项目B中,监听父项目发送的切换路由消息,并根据消息内容进行页面跳转; 在子项目B中,使用Vue Router的beforeRouteLeave导航守卫来监听页面离开前的操作,当用户点击浏览器返回时,执行相应逻辑处理,确保页面跳转顺序正确。 通过以上步骤,可以保证在点击浏览器返回时,能够正确跳转到之前打开的页面,而不

https://www.qianduange.cn//article/5232.html 分类:前端知识

vue2的babel.config.js的配置presets: [ [ "@vue/app", { "useBuiltIns": "entry", polyfills: [ 'es6.promise', 'es6.symbol', "es6.array.iterator", "es6.object.assign" ] } ],

2024-04-19这个配置是为了在Vue.js项目中使用babel来转译代码,并且配置了使用了一些polyfills来填充一些ES6 的功能。特别是,设置了"useBuiltIns": "entry"选项时,babel会根据需要自动引入必要的polyfills来支持项目中使用的新特性,而不是全部导入。这样可以减小打包文件的体积,并且只为需要的功能添加polyfill。 复制AI内容

https://www.qianduange.cn//article/5218.html 分类:前端知识

vue2的打包配置vue.config.js中,配置项 transpileDependencies: [ '@jiaminghi', '@panzoom/panzoom', 'axios', 'babel-polyfill', 'clipboard', 'codemirror', 'core-js', 'driver.js', 'dropzone', 'echarts', 'element-ui', 'ezui

2024-04-19transpileDependencies配置项用于指定需要通过 Babel 转译的依赖模块。在Vue CLI 3及以上版本中,由于新版的Babel在默认情况下不再转译node_modules中的模块,因此如果项目中引入了某些需要转译的第三方模块,就需要通过transpileDependencies来手动指定这些需要转译的模块。在上面的配置中,列出了一些常见的第三方库,以确保它们能够被正确转译并打包到最终的应用程序中。 复制AI内容

https://www.qianduange.cn//article/5217.html 分类:前端知识

给出vue2的最优打包配置vue.config.js,压缩大于1MB的图片

2024-04-19javascript hljs复制代码const TerserPlugin = require('terser-webpack-plugin'); module.exports = { chainWebpack: config => { // 压缩大于1MB的图片 config.module .rule('images') .test(/\.(png|jpe?g|gif|svg)(\?.?$/) .use('image-webpack-loader') .loader('image-webpa

https://www.qianduange.cn//article/5216.html 分类:前端知识

创建vue2项目,引入chart.js,并生成柱形图、折线图、饼图

2024-04-18创建vue2项目,引入chart.js,并生成柱形图_vue-chartjs

https://www.qianduange.cn//article/5127.html 分类:前端知识

【VUE】vue2菜单搜索并跳转指定页面

2024-04-17有时候后台管理系统复杂的菜单结构与更深的层级使用户无法快速找到自己所需的页面,如何提高后台管理系统的便捷度并且使系统与用户的交互更加灵活成为了项目在基础功能之外更重要的追求。菜单目录支持搜索并且可直接跳转便可以达到以上诉求。_vue如何使用索引项实现跳转功能

https://www.qianduange.cn//article/5099.html 分类:前端知识

vue2 系列:vue.config.js 参数配置

2024-04-16注意:其值应该是一个对象,对象的 key 是入口的名字,value 是:1.一个指定了 entry, template, filename, title 和 chunks 的对象 (除了 entry 之外都是可选的);说明:部署应用包时的基本 URL,例:https://www.my-app.com/my-app/,则设置 publicPath 为 /my-app/说明:放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。默认值:'index.html'_vue2 vue.config.js

https://www.qianduange.cn//article/5033.html 分类:前端知识

Vue怎么使用Upload组件将图片上传到阿里云OSS,并返回图片URL

2024-04-15基于前端用vue2后端用Springboot进行讲解。_user form-create的upload组件使用oss 上传

https://www.qianduange.cn//article/4998.html 分类:前端知识

334条数据,当前24/34

最近搜索

会员中心 联系我 留言建议 回顶部