vue
文章平均质量分 51
昌子玩前端
这个作者很懒,什么都没留下…
展开
-
vue-admin elementUI 开发踩坑收集(border混乱)
一、table 右边操作栏定位后笔记本上发生border消失、样式混乱、错行.table ::v-deep.el-table--medium th,.table ::v-deep.el-table--medium td { padding: 8px 0;}.table ::v-deep.el-table__fixed-right{ transform: translateX(1px);}原理:使用很多方案都处理不了这个问题,改小padding ,定位左边多了1像素。原则.原创 2021-03-19 17:10:31 · 610 阅读 · 1 评论 -
elementUi Cascader 级联选择器(省市区) 动态加载(懒加载)编辑时回显(默认值回显)问题
问题回顾:编辑页面有个城市联动器,懒加载形式获取数据。再编辑初始化时,城市默认值不见了选中时:编辑初始化时:查阅相关文档及百度 没有发现好的借鉴方案,领导在催着要,功夫不负有心人查阅到一篇相关问题的文章,思路描述很棒:https://zhuanlan.zhihu.com/p/269162598?utm_source=wechat_session1、初始化备选项的一级下拉选。2、遍历一级下拉选判断是否需要加载子类目。3、递归遍历下拉选。html:<el-cascader原创 2021-03-05 14:22:06 · 8494 阅读 · 14 评论 -
Vue3.0 快速搭建和手把手搭建vue +Router+vuex项目
一、Vue 3需要将Vue CLI升级到最新版本,全局安装:cmd下npm install -g @vue/cli二、搭建方案一、模板快速构建,集成了router+vuex可直接开发1.安装模板vue create '项目名称'2.将模板vue更新到3.0,vuex、router更新到4xvue add vue-next方案二、运用官网教程Vite,一步步构建vue项目$ npm init vite-app <你的项目名称>$ c...原创 2020-10-22 15:41:22 · 3694 阅读 · 0 评论 -
vue 页面第一次载入或者刷新会出现一两秒的空白[vue启动秒白屏解决方案]
之前做过好几个项目vue都是pc端或者移动端网页上的,网站第一次打开都会出现白屏闪才进入应用,当然本身浏览器默认白色我们并不会在意这些细节,最近做到一个项目关于套壳app,把咋的vue项目套用的webview里,每次打开应用都会白屏下,那酸爽。次日老板在群里公开点名批评...有问题找前端是各岗位一致的共识.... 认真观察了下白屏产生的原理:原来是因为第一次进入时只有...原创 2020-04-09 15:08:49 · 7371 阅读 · 7 评论 -
vue 关于那些所谓的按需加载
一、路由按需加载1.按需加载对比①.路由未按需加载前vebdor.js和app.js都异常大,超过vue理想大小,如下图:②.路由按需加载后体积明显控制在1MB内,如下图:路由按需加载后,会把原来的js,切分-分开成小的js文件,一但你需要访问该模块或者页面时才会加载对应的资源,一定程度上对首次访问起了很多的优化加速左右2.按需加载方法①:直接写入 { ...原创 2020-04-09 14:53:53 · 566 阅读 · 0 评论 -
vue 滚动指定位置(高度)
滚动代码千万万,我只取一瓢...深受原生js影响的我以为直接scrollTop=指定高度就可以滚动let diff=1000;//这里是要滚动到的位置高度var container = _this.$el.querySelector('.chat-content');//需要滚动的目标container.scrollTop = diff;好了美滋滋,发完消息执行滚动事件...原创 2019-10-24 18:15:24 · 5974 阅读 · 0 评论 -
vue input 输入金额尾部接.00 与千位符
最近可爱的产品提了点要求,金额尾部需要.00 而且还要带千位符。html:<el-input v-model="form.projectAmount" type="txet" placeholder="请输入项目金额" @blur="projectAmounts" clearable :maxlength="32"></el-input>js:toT...原创 2019-05-07 17:32:56 · 5215 阅读 · 1 评论 -
HTML5 History 模式 去除# (vue路由去除#、常见配置、Tomcat配置)
前言:vue使用vue-router时,路径中会有#的字段,是应为打包完成之后,项目为单页面项目,所有的url都指向单个页面,#号之后的路径是指该页面的锚定位置,所以router中的路径是无法加载的。若想去除#,就需要使用router的history模式, 且在服务器端进行配置核心:const router = new VueRouter({ mode: 'histor...原创 2019-04-12 16:58:25 · 2544 阅读 · 0 评论 -
vue v-for循环打印不出数组里的JSON 字符串 如:[{a:{'b':'1','c':'2'}}]
最近在开发vue项目中遇到一些处理数据的小问题,说大也不大说小也不小,反正一搞就是半天,后台问了半天就回了一句转化一下就行了,好吧踩坑吧....接下来百度一堆vue数组问题,没有找到一个类似的问题...硬着头皮找大牛资讯了一下,终于找到了解决方案:json.parse转化一下JSON.parse() 方法用于将一个 JSON 字符串转换为对象。把 {} 对象传化成数组 [{}]html:<r...原创 2018-05-25 14:43:47 · 4357 阅读 · 0 评论 -
vue之安装nodejs安装npm安装cpnm安装vue-cli脚手架
搭建vue开发环境。 选择对应版本,https://nodejs.org/en/download/ 安装过程:下一步 路径:(我的D:\Develop\nodejs)下一步就好安装好之后,对npm安装的全局模块所在路径以及缓存所在路径,进行环境配置。是因为以后在执行类似:npm install express [-g](后面的可选参数-g,g代表global全局安装的意...原创 2018-05-11 22:50:34 · 14372 阅读 · 3 评论