Vue
coding_于宴
这个作者很懒,什么都没留下…
展开
-
vue+element项目启动报错element-variables.scss问题
启动项目时报错File to import not found o runreadable ./src/assets/css/variables.scss.原创 2022-07-19 10:44:50 · 11557 阅读 · 1 评论 -
elementUI选择器数据回显问题——展示value而不展示label
问题:elementUI选择器数据回显问题——展示value而不展示label这种情况下,如果保证逻辑数据都没问题的话,一般是数据类型有问题。选择器定义的el-option中的value值是number类型,然而我们获取到的数据是string类型这样会导致我们数据回显时展示的是所谓的value,手动更改选项后又可以正常显示label以上就是问题的整理与描述解析,如有其他疑惑可在评论区留言~...原创 2022-05-26 08:52:41 · 1861 阅读 · 0 评论 -
手摸手带你玩转Vue3——Vue2升级Vue3
如何从Vue2中迁移到Vue3,,你只需要起步,就能成为Vue3开发者!原创 2022-05-25 15:40:45 · 11029 阅读 · 2 评论 -
vue禁用浏览器回退
mounted() { history.pushState(null, null, document.URL) window.addEventListener('popstate', () => { history.pushState(null, null, document.URL) }) }, destroyed(){ window.removeEventListener("popstate",() => {.转载 2022-03-30 10:03:43 · 985 阅读 · 0 评论 -
GoGoCode 代码语言转换
GoGoCode代码转换从未如此简单!GoGoCode 是一个基于 AST 的 JavaScript/Typescript/HTML 代码转换工具,但相较于同类,它提供了更符合直觉的 API:一套类 JQuery 的 API 用来查找和处理 AST、一套和正则表达式接近的语法用来匹配和替换代码!接下来介绍 gogocode的使用:使用gogocode插件将vue2语法转换成vue3语法安装:npm install gogocode-cli -g进入项目文件目录,输入这行指令:注意,-s是要转原创 2022-03-30 09:30:58 · 2101 阅读 · 1 评论 -
使用ElementUI的Dialog弹窗时底部页面滚动问题
使用ElementUI的Dialog弹窗时底部页面滚动问题原创 2022-03-04 14:31:13 · 2104 阅读 · 0 评论 -
vue中实现刷新页面保留vuex中的状态
vue中实现刷新页面保留vuex中的状态原创 2021-12-20 11:05:57 · 366 阅读 · 0 评论 -
vue中封装菜单栏Menu组件
html实现自定义的Menu菜单栏组件,首先我们需要考虑的有如下几点:选中高亮底部条切换子组件时菜单项的选中刷新页面时菜单项的选中实现代码:<div v-for="(item,index) in navList" :key="item.name"> <div class="navItem" @click="go(item.path, index)" :class="navIndex === index ? 'activ.原创 2021-12-20 11:01:50 · 2723 阅读 · 1 评论 -
手摸手带你撸源码——前端工程化之 手撕store状态管理插件 (仿vuex)
前端工程化之 手撕源码 —— vueX前端工程化作为我们前端开发的演变趋势,其重要性也日益在我们的日常中体现,例如准备面试的人最经常看到的“源码解读”,今天我们就来模仿Vuex从0打造一款路由插件!在看文章的同时也要注意代码截图,大多数分析写在代码注释中!接下来上教程↓首先老规矩,我们先修改我们的store/index.js中引入的vuex包名,改成我们自己的文件名,如下图import Vuex from './zbb-vuex' 接下来,我们就一步步来实现我们的 ‘zbb-vuex’ 。相同目原创 2021-08-02 16:12:10 · 165 阅读 · 0 评论 -
手摸手带你撸源码——前端工程化之 手撕路由插件 (仿vue-router)
前端工程化之 手撕源码 vue-router前端工程化作为我们前端开发的演变趋势,其重要性也日益在我们的日常中体现,例如准备面试的人最经常看到的“源码解读”,今天我们就来模仿vue-router从0打造一款路由插件!在看文章的同时也要注意代码截图,内部有很多注释我也写得很详细,接下来上教程↓main.js原封不动,我们先将router模块下的index.js中引入的包改成我们自己的路由包名看到这步操作很多朋友已经知道我们要实现的东西大概是什么样了吧,没错,我们要实现一个功能完全一样的插件来替换掉vu原创 2021-07-30 10:04:03 · 193 阅读 · 0 评论 -
Vue项目打包步骤详细流程,新手必需掌握的知识点!
Vue项目打包步骤Vue项目打包流程介绍生成打包报告修改默认配置指定打包入口通过external加载外部CDN资源优化组件库的打包首页内容定制路由懒加载Vue项目打包流程介绍新手必须要懂的 Vue项目打包 ,生成打包报告为能更加清楚直观的发现我们项目中存在的问题,我们可以在打包时生成一份打包报告,打包报告生成的方式有两种:通过命令生成通过vue-cli的命令可以生成打包报告 report.html vue-cli-service build --report 通过可视化控制面板直接查原创 2021-02-11 15:42:02 · 8630 阅读 · 0 评论 -
手摸手教你搭建Vue项目开发环境
手摸手教你搭建Vue项目开发环境下载node.js安装淘宝镜像安装vue-cli初始化项目文件安装依赖运行下载node.jsvue的运行需要node工具,首先去官网 http://nodejs.cn 下载node下载完后打开命令符,输入node -v 看看是否成功(跳出版本号即成功)安装淘宝镜像安装完node后,我们先安装淘宝镜像(因为npm实在是太慢了,为了不浪费生命,我们用国内镜像网站下载工具输入npm install -g cnpm --registry=https://registry.原创 2020-09-05 22:50:50 · 280 阅读 · 0 评论