Vue2
文章平均质量分 50
官网地址:https://cn.vuejs.org/
疆~
这个作者很懒,什么都没留下…
展开
-
vue2后台管理系统通用模板
依赖包: router/index.js:vuexstore/index.js:axios api/axios.js: main.js登录页 布局home.vue: 404页面 exception/NotFound.vue:原创 2023-03-15 11:43:44 · 1182 阅读 · 0 评论 -
在ElementUI的$notify通知方法中渲染自定义组件
官方示例:Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库发现使用html的方式不便于逻辑处理,如下:因此,推荐采用传递组件的方式。原创 2023-02-06 17:24:45 · 788 阅读 · 0 评论 -
Vue中使用vxe-table组件分页查询,多页选择数据回显,分页记录保存选中的数据
当表格中需要渲染的数据量比较大,有几万几十万条数据时,在前端分页将会非常慢,建议将当前页码和每页数量传递个后端,后端分好后给前端渲染。获取当前页以外选中的行数据:调用 this.$refs.ref_table_task.获取当前页选中的行数据:调用 this.$refs.ref_table_task.注意:经测试,每页最多选中500行左右,否则在切换回选中的页时会非常卡。后端除了返回要显示的页数据外,通常还要传递总数量total。对于多页选择,需要指定。原创 2022-12-12 16:03:15 · 4843 阅读 · 0 评论 -
vue2中使用vxe-table虚拟列表
当表格还需要全选当页所有行时,经测试,每一页最多全选500行左右。再多了的话,在切换回刚刚全选的那一页将会非常卡顿,甚至浏览器直接卡死。高性能的虚拟列表(最大可以支撑 80w 行)原创 2022-12-12 15:35:29 · 2112 阅读 · 1 评论 -
vue中使用常用正则表达式
3~20个字符,可使用字母、数字、下划线,需以字母开头:/^[a-zA-Z]\w{2,19}$/原创 2022-12-09 16:14:05 · 4223 阅读 · 0 评论 -
vue中token被篡改后axios响应拦截弹出多个窗口
token失效,请求头中需要带上token的请求就会报错,axios的请求拦截中会对异常做处理并显示弹框。如果同时多个请求报错就会显示多个弹框。这样很影响用户体验,我们只需要弹出框弹出一次。解决办法原创 2022-12-06 11:26:18 · 819 阅读 · 0 评论 -
cesium在地形上贴地添加各种entity
官方示例:Cesium Sandcastlehttps://sandcastle.cesium.com/?src=Clamp%20to%20Terrain.html&label=Tutorials 添加billboard资源下载地址:https://sandcastle.cesium.com/images/facility.gif原创 2022-11-26 13:57:15 · 6405 阅读 · 0 评论 -
cesium加载glb格式的3d模型
【代码】cesium加载glb格式的3d模型。原创 2022-11-26 13:57:16 · 3691 阅读 · 2 评论 -
cesium设置层级z-index
【代码】cesium设置层级z-index。原创 2022-11-26 13:57:11 · 5830 阅读 · 4 评论 -
vue2中使用vxe-table表格
打印一下VXETable。main.js中引入。原创 2022-11-06 16:23:40 · 5206 阅读 · 0 评论 -
Nuxt2入门
Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。Nuxt.js - Vue.js 通用应用框架 | Nuxt.js 中文网。原创 2022-10-30 23:16:40 · 511 阅读 · 0 评论 -
vue2中seo时使用vue-meta-info
假设你要给users.vue添加title,meta标签。main.js里面引入vue-meta-info。安装vue-meta-info。这样在组件页面中就可以使用了。原创 2022-10-30 22:05:47 · 1093 阅读 · 1 评论 -
搭建vuecli5项目-vue2版
目录一,vue-cli2的安装和项目创建(一)安装vue-cli2(二)创建vue-cli2项目二, vue-cli3的安装和项目创建(一)vue-cli3的安装(二)vue-cli3项目创建1,用dos命令的方式2,图形化界面的方式一,vue-cli2的安装和项目创建(一)安装vue-cli2在安装vue-cli2之前,先要安装cnpm,参...vue-cli3的安装和项目创建_李疆~的博客-CSDN博客_vue cli3安装。首先全局安装vue脚手架。原创 2022-10-30 21:35:09 · 637 阅读 · 0 评论 -
vue2(vuecli5)+预渲染插件prerender-spa-plugin-next解决seo问题
安装 prerender-spa-plugin-next。原创 2022-10-30 20:48:46 · 2761 阅读 · 2 评论 -
Vue项目通过element.scrollIntoView()实现锚点点击页面平滑滚动
【代码】Vue项目通过element.scrollIntoView()实现锚点点击页面平滑滚动。原创 2022-10-23 22:31:36 · 1288 阅读 · 0 评论 -
wow.js+animate.css实现滚动加载动画
wow.js依赖,不需要jquery;cdn:wow (v1.1.2) - Reveal CSS animation as you scroll down a page | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务。原创 2022-10-22 22:09:00 · 1195 阅读 · 0 评论 -
实现导航栏下拉菜单(带下拉三级菜单)
【代码】实现导航栏下拉菜单(带下拉三级菜单)原创 2022-10-22 20:33:16 · 3637 阅读 · 0 评论 -
Openlayer对wfs服务进行增删改查
注意:ol版本要用5.3.3,保证newGeoJson正常使用。6.1.1中不能用newGeoJSON()查询数据查询链接:http://120.76.197.111:8090/geoserver/csdn_data/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=csdn_data%3Asichuan&maxFeatures=50&outputFormat=applicatio...原创 2021-09-29 11:32:36 · 1361 阅读 · 1 评论 -
axios.js请求koa2的增删改查接口
以下示例接口前缀:'/system/user'原创 2022-10-06 12:32:09 · 301 阅读 · 0 评论 -
vue(html),koa2导入导出js,json文件
使用时可直接调用config_settings对象。原创 2022-08-09 15:52:47 · 640 阅读 · 0 评论 -
pkg打包node项目为exe
由于win7最高只支持node13.14.0,而pkg不支持node13,为了既兼容win7,又能使用pkg打包,故使用node12.22.11。新建node_global和node_cache文件夹。配置node_cache和node_global路径。win+r 输入sysdm.cpl。以往的版本 | Node.js。下载pkg对应的node版本。查看node和npm版本。...原创 2022-08-05 18:11:56 · 1803 阅读 · 0 评论 -
vue+el-table行排序 【上移下移】【拖拽排序】
安装vuedraggable。原创 2022-07-26 13:40:36 · 7014 阅读 · 1 评论 -
elementui 双击el-table表格展示输入框修改数据
展示功能就是一个简单的table表格通过双击某一项进行修改。)实现1.在table标签里添加3个方法。@cell-dblclick="tabClick"row-class-name="tableRowClassName"cell-class-name="tableCellClassName"cell-dblclick当某个单元格被双击击时会触发该事件...elementui双击表格展示输入框修改数据_7ing酒的博客-CSDN博客_双击输入框。...原创 2022-07-24 19:57:58 · 3519 阅读 · 0 评论 -
vue v-focus v-if控制el-input的显示聚焦,第二次不生效
为了方便输入,需要自动获取焦点,所以加入了autofocus,但是发现,只有第一个并且第一次点击才起作用。Element,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。再给el-input添加v-focus即可。...原创 2022-07-24 19:45:09 · 1650 阅读 · 0 评论 -
Vue打开新窗口
代码】Vue打开新窗口。原创 2022-07-20 13:39:04 · 6327 阅读 · 1 评论 -
Vue中使用dayjs
dayjs中文网Day.js中文网Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间。https单位不区分大小写,支持复数和缩写形式把dayjs()对象当成一个中转站,往后所有的关于日期的计算都先转成dayjs()对象,再进行加减等运行。...原创 2022-07-19 23:07:35 · 17539 阅读 · 0 评论 -
koa2中错误处理koa-json-error
注意如果是安装的koa2脚手架,要注释掉默认的koa-onerror。下载koa-json-error。原创 2022-07-17 12:25:54 · 731 阅读 · 0 评论 -
删除vue项目下的node_modules文件夹
全局安装rimraf进入项目文件夹目录(该目录下包含node_modules文件夹)原创 2022-07-12 17:27:54 · 311 阅读 · 0 评论 -
koa2对Json数组增删改查
index.vue: userManageDialog.vue: 后端: users.js:users.json:原创 2022-07-06 15:16:45 · 488 阅读 · 0 评论 -
vue+openlayer加载wmts
官网:WMTShttps://openlayers.org/en/latest/examples/wmts.html原创 2022-06-28 18:34:26 · 751 阅读 · 0 评论 -
vue中使用vuex-persistedstate插件实现数据持久化
vuex可以进行全局的状态管理,但刷新后数据会消失。vuex-persistedstate会将vuex的store中的数据默认缓存到浏览器的localStorage中安装vuex-persistedstatestore/index.js中引入使用:添加以下一行即可: 默认存储在localstorage中,并且state中的数据将默认全部持久化 如果想要存储在sessionStorage中,或者持久化指定数据,按照以下配置即可...原创 2022-06-28 00:03:33 · 1615 阅读 · 1 评论 -
Vue在外部配置打包文件夹名称和url地址前缀
在public中添加以下两个js文件 vue.config.js:config_settings.js:注意:在npm run build打包之前,需要先配置以上文件,使打包内容生效1、配置浏览器地址前缀,需要修改同时修改config_build.js中的ROUTE_PREFIX和config_settings中的ROUTE_PREFIX,并且这两个值需要保持一样。 2、配置打包文件夹名称,只需配置config_build中的ROUTE_PREFIX即可。3、如果打包出来的项目是放原创 2022-06-23 18:54:06 · 5627 阅读 · 0 评论 -
vue防止localStorage在开发者工具中被手动篡改
在main.js中加上以下代码即可:原创 2022-06-17 14:14:38 · 747 阅读 · 0 评论 -
vue顶部菜单栏积累
参考:Elementui中El-menu导航栏_~疆的博客-CSDN博客_element 导航栏https://blog.csdn.net/qq_40323256/article/details/125212606 效果图2:原创 2022-06-16 22:57:29 · 1141 阅读 · 0 评论 -
vue移动端时弹出侧边抽屉菜单
移动端时弹出抽屉,如下: 控制抽屉显隐:由于上面使用了hidden-sm-and-up样式,该样式需要在main.js中引入display.css,如下:更多样式参考:elementUI响应式隐藏元素_~疆的博客-CSDN博客_element ui 隐藏元素main.js中引入使用类名https://blog.csdn.net/qq_40323256/article/details/125178963由于还使用了perfect-scrollbar组件,故还需要下载该组件,参考原创 2022-06-16 21:59:09 · 1757 阅读 · 0 评论 -
Vue中使用vue-bus
引入:使用:原创 2022-06-16 16:09:56 · 355 阅读 · 0 评论 -
vue中使用jwt-decode解析token
引入:使用:原创 2022-06-15 14:56:19 · 3178 阅读 · 0 评论 -
Elementui中MessageBox弹框优化兼容移动端
移动端时,MessageBox始终显示在顶部,很难看,我们现在想要居中显示解决办法如下:添加以下红框内容即可原创 2022-06-09 15:59:51 · 986 阅读 · 0 评论 -
vue移动端点击图片时隐藏蓝色边框
在App.vue中添加以下2行代码即可解决原创 2022-06-15 14:51:04 · 345 阅读 · 0 评论 -
Vue中使用vue2-perfect-scrollbar滚动条
官方地址:https://github.com/mercs600/vue2-perfect-scrollbar下载:main.js中引用:使用:原创 2022-06-09 00:19:36 · 1780 阅读 · 1 评论