![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 70
weixin_41697323
这个作者很懒,什么都没留下…
展开
-
Vue.extend()实现Delete二次确认弹窗
DeletePrompt组件的vue单文件<template> <el-dialog :show-close="false" top="35vh" :visible.sync="visible" :close-on-click-modal="false" :close-on-press-escape="false" width="360px" > <div class="flex y-center prom.原创 2022-03-15 11:26:04 · 1524 阅读 · 0 评论 -
如何快速了解一个新的前端项目?
快速浏览项目目录结构 首页登陆流程,快速了解项目数据流转 查看package.json文件,快速了解项目技术栈 查看vue.config.js文件,快速了解API请求地址 查看router文件夹,思考怎么增加菜单和页面? 查看request文件夹,快速了解接口请求和响应拦截以及错误信息统一提示 查看component文件夹,快速了解项目的公共组件,代码复用 查看store文件夹,快速了解项目全局变量 查阅项目基础文档,快速了解项目代码规范,测试环境部署等在接受一个新的项目后,要想快速.转载 2021-07-02 11:07:42 · 3023 阅读 · 1 评论 -
Vue3.0 新特性以及使用变更总结(实际工作用到的)
前言Vue3.0 在去年9月正式发布了,也有许多小伙伴都热情的拥抱Vue3.0。去年年底我们新项目使用Vue3.0来开发,这篇文章就是在使用后的一个总结, 包含Vue3新特性的使用以及一些用法上的变更。为什么要升级Vue3使用Vue2.x的小伙伴都熟悉,Vue2.x中所有数据都是定义在data中,方法定义在methods中的,并且使用this来调用对应的数据和方法。那Vue3.x中就可以不这么玩了, 具体怎么玩我们后续再说, 先说一下Vue2.x版本这么写有什么缺陷,所以才会进行升级变更的。原创 2021-05-25 14:56:32 · 838 阅读 · 0 评论 -
vue + element-ui 制作tab切换(切换vue组件,踩坑总结)
本篇文章使用vue结合element-ui开发tab切换vue的不同组件,每一个tab切换的都是一个新的组件。1、vue如何使用element-ui上一篇文章已经分享了如何在vue中使用element-ui创建tab组件切换内容(需要了解的朋友点击链接查看)2、创建相应文件。 a、创建父组件 src/components/tabZujian.vue b、创建自组件(被切换的...原创 2020-01-12 16:14:54 · 1240 阅读 · 0 评论 -
深入理解vue中的slot与slot-scope
<div class="tmpl"> <span>菜单1</span> <span>菜单2</span> <span>菜单3</span> <span>菜单4</span> <span>菜单5</span> <span>菜单6&l...原创 2020-01-09 16:47:16 · 167 阅读 · 0 评论 -
vue父子组件生命周期执行顺序
加载渲染过程父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted子组件更新过程父beforeUpdate ---> 子beforeUpdate ---> 子updat...原创 2020-01-08 17:01:31 · 156 阅读 · 0 评论 -
关于Vue中main.js,App.vue,index.html之间关系进行总结
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,我们从培训视频或者官方文档上可以了解到:index.html---主页,项目入口 App.vue---根组件 main.js---入口文件 我们可以理解成index.html通过main.js将App.vue组件中的内容替换掉了index.html中的内容那么这几个文件...原创 2019-10-08 16:08:16 · 405 阅读 · 0 评论 -
Vue 项目启动后出现常见的警告 错误解决办法
1.There are multiple modules with names that only differ in casing.This can lead to unexpected…原因:文件名和引用不一致,一个大写字母,一个小写字母,举个例,文件名是App.js,但是你引用的时候是写的app.js…’@/api/oa/workingHours/aWorkinghoursAllowe...原创 2019-06-20 13:49:17 · 11896 阅读 · 0 评论 -
整理Vue项目开发过程中遇到的常见问题1
element UI表格排序sortable最简单的按大小排序,需要添加prop,不然无法使用表格后面增加的sortable没有作用解决办法:没有给表格添加prop属性<el-table-column align="center" label="闸门名称" prop='gatename' sortable> ...原创 2019-07-30 18:25:30 · 13484 阅读 · 0 评论 -
Vue组件缓存引起的表单校验问题
需求从列表页面跳转到详情页面,再切换到列表页面,列表页面需要保持跳转之前的状态,假设列表页面已被设置缓存问题1:从列表页面单击list跳转到详情表单页面,表单出现红框提示(表单页面一进来就校验 )问题2:表单字段需要动态校验,编辑表单时显示不必填,新建表单时要显示必填问题3:返回列表页面需要重新加载树形控件数据问题4:页面跳转表单字段不清空,还是会保持上一次编辑过的数据在mo...原创 2020-01-05 14:29:10 · 547 阅读 · 0 评论 -
npm run dev启动过程
npm run *** 是执行配置在package.json中的脚本,比如"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "lint": "eslint --ext .js,....原创 2019-12-05 17:45:52 · 1237 阅读 · 0 评论 -
Vue 路由切换时页面刷新页面
第二次进入页面,页面路由参数已经改变,但是页面内容不会刷新。问题原因:在组件mounted钩子中调用的刷新页面内容,但测试发现这个钩子没有被调用。后来发现App.vue中使用了<keep-alive>:<template> <div id="app"> <keep-alive> <router-view>...原创 2019-11-28 19:55:32 · 16854 阅读 · 0 评论 -
vue-router 基本使用
vue-router 基本使用 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,...原创 2019-10-08 15:41:54 · 108 阅读 · 0 评论 -
vue 给data 数据的重新初始化
初始化 data 中的 footData 数据Object.assign(this.$data.footData, this.$options.data().footData);初始化全部的 data数据Object.assign(this.$data, this.$options.data());created阶段初始化data数据...原创 2019-09-11 16:16:10 · 2503 阅读 · 0 评论