vue
文章平均质量分 60
wh_xia_jun
这个作者很懒,什么都没留下…
展开
-
vue element UI 学习总结笔记(九)_ 导航菜单与路由
获取用户信息我们把login和get_user_info两件事分开处理,我们在守卫路由中获取路由信息。router.beforeEach((to, from, next) => { if (!(store.getters.savestate === 0)) { Message({ showClose: true, message: '正在编辑状态中,请先保存', type: 'error' }) next(false) .原创 2020-05-29 14:04:53 · 6192 阅读 · 0 评论 -
vue+element UI 学习总结笔记(十七)_vuex在项目中的应用
what is vuex?vuex is astate management pattern + libraryfor Vue.js applicationsvuex参考(抄袭):vuex的简单使用作用:vuex解决了组件之间共享同一状态的麻烦问题。当我们的应用遇到多个组件共享状态时,会需要: 多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐,并且对于......原创 2019-10-08 14:44:54 · 757 阅读 · 1 评论 -
vue+element UI 学习总结笔记(十九)_工程与部署
1、下项目2、vscode 打开项目3、npm i --修改package.json 文件的内容4、 npm run start //npm run dev(包的依赖)package.json 记录包的依赖,npm i 会更新这个文件为解决跨域问题,用了nginx-1.14.2npm run build 打包命令 生成dist下的...原创 2020-05-07 15:48:27 · 449 阅读 · 1 评论 -
vue+element UI 学习总结笔记(二十)--Webpack配置
Webpack:WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。开发环境的启动项目时,实际就是通过webpack打包后启动的,只不过是打包的开发环境.npmrundev的指令,实际执行额命令是npmrunweb...原创 2020-04-24 15:59:16 · 1571 阅读 · 1 评论 -
vue element UI 学习总结笔记(八)_ 登录验证与token
登录登录:当用户填写完账号和密码后向服务端验证是否正确,验证通过之后,服务端会返回一个token,拿到token之后(我会将这个token存贮到cookie中,保证刷新页面后能记住用户登录状态)click事件触发登录操作: handleLogin() { // 这里需要调用login的接口 if (this.loginForm.year === '' |...原创 2019-10-16 14:55:34 · 2312 阅读 · 1 评论 -
vue+element UI 学习总结笔记(二)_ 项目中使用iconfont+图解
使用步骤:从Iconfont+:选择字体;字库 下载: 字体项目的zip(自定义) 解压zip, 添加到项目特定文件夹下 项目中引用从Iconfont+:选择字体:图像字库网站注册登录搜索需要的图标加入购物车在购物车中,可以添加到自己的项目中下载: 字体项目的zip(自定义):也可从购物车下载解压zip,解压下载的代码:...原创 2019-09-12 20:23:11 · 249 阅读 · 1 评论 -
vue+element UI 学习总结笔记(一)
关键词:Webpack vue-cli Axios vuex router loginvue+element UI 学习总结Webpack:WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。开发环境的启动.........原创 2019-09-05 21:39:39 · 4847 阅读 · 1 评论 -
vue+element UI 学习总结笔记(四)_ 插槽
插槽---可以理解成占位符。方便组件功能的扩展。vue的插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。vue2 插槽和vue3插槽有点区别,vue3插槽用的是 v-slot指令?我们还是老式的写法<template slot-scope="{ item }">这里我们总结我们项目中的插槽使用:1、element-ui的...原创 2019-09-16 12:03:04 · 5094 阅读 · 1 评论 -
vue element UI 学习总结笔记(十一)_vue中打印模板设置
打印经常需要根据用户需求自定义,整个问题解决思路是:把打印内看成三个部分,头部、明细区、脚步;根据选中的元数据,输出界面内容: <ul class="print-head" style="margin:0;padding:0;height:100px;display: flex;justify-content:space-between;flex-flow...原创 2019-10-09 16:36:20 · 7264 阅读 · 5 评论 -
vue+element UI 学习总结笔记(十六)_element UI table的使用
修改element-UI table样式 动态绑定表头与表数据滚动样式修改:index中,统一修改表格滚动条样式: .el-table{ padding-right: 3px; margin-bottom: 5px; margin-top: 2px; background: #F5F9FE; border:none; ...原创 2019-09-16 20:57:31 · 1059 阅读 · 1 评论 -
vue+element UI 学习总结笔记(六)_vue中,引入element-UI、echart、lodop
main.js 作用:程序主入口 全局性的引用都在这element-ui引用:use后,各个页面直接使用。如何引入echartvar echarts = require('echarts/lib/echarts')// 引入柱状图require('echarts/lib/chart/bar')// 引入提示框和标题组件require('echarts/lib/com...原创 2019-09-16 20:25:37 · 665 阅读 · 1 评论 -
vue+element UI 学习总结笔记(五)_vue嵌入iframe
我们项目中,报表是独立的服务,通过iframe嵌入到vue页面中。代码如下:<!-- pjpccx 票据盘存查询 --><template> <div class="pjpccx"> <toolBar :client-butns-array="clientButnsArray.concat(addclientButnsArray)...原创 2019-09-16 20:17:49 · 1256 阅读 · 1 评论 -
vue+element UI 学习总结笔记(三)_ 组件使用与参数传递
A、 组件和页面结构是类似的B、使用上,三个步骤:引入组件 注册局部组件 使用(导入、注册)父组件把数据传递到子组件,子组件只能拿数据,不能更改数据:传递数据:这里通过属性由父组件(父窗体?)传递数据给子组件ps:这里是“动态传递参数“,即子组件能监控到数据的变化?我曾推想,这里可否静态绑定数据,根据大神同事的说法,如果静态绑定,会把参数当字符串处理,无法绑定...原创 2019-09-16 11:04:56 · 1552 阅读 · 1 评论