
UI
文章平均质量分 56
MoonlitHan
这个作者很懒,什么都没留下…
展开
-
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 · 489 阅读 · 1 评论 -
vue element UI 学习总结笔记(八)_ 登录验证与token
登录登录:当用户填写完账号和密码后向服务端验证是否正确,验证通过之后,服务端会返回一个token,拿到token之后(我会将这个token存贮到cookie中,保证刷新页面后能记住用户登录状态)click事件触发登录操作: handleLogin() { // 这里需要调用login的接口 if (this.loginForm.year === '' |...原创 2019-10-16 14:55:34 · 2397 阅读 · 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 · 1294 阅读 · 1 评论 -
vue+element UI 学习总结笔记(二)_ 项目中使用iconfont+图解
使用步骤:从Iconfont+:选择字体;字库 下载: 字体项目的zip(自定义) 解压zip, 添加到项目特定文件夹下 项目中引用从Iconfont+:选择字体:图像字库网站注册登录搜索需要的图标加入购物车在购物车中,可以添加到自己的项目中下载: 字体项目的zip(自定义):也可从购物车下载解压zip,解压下载的代码:...原创 2019-09-12 20:23:11 · 285 阅读 · 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 · 5279 阅读 · 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 · 7520 阅读 · 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 · 1125 阅读 · 1 评论 -
vue+element UI 学习总结笔记(三)_ 组件使用与参数传递
A、 组件和页面结构是类似的B、使用上,三个步骤:引入组件 注册局部组件 使用(导入、注册)父组件把数据传递到子组件,子组件只能拿数据,不能更改数据:传递数据:这里通过属性由父组件(父窗体?)传递数据给子组件ps:这里是“动态传递参数“,即子组件能监控到数据的变化?我曾推想,这里可否静态绑定数据,根据大神同事的说法,如果静态绑定,会把参数当字符串处理,无法绑定...原创 2019-09-16 11:04:56 · 1614 阅读 · 1 评论 -
bootstrap、vue学习笔记
财政类项目,有单据计算问题,vue中,数据模型联动满足了我们的要求,recat没有用过,我猜测复杂化、需要类工厂生成的前端,也许用react更好,比如,动态生成类似excel表格这样的前端需求,用react,也许更好,只是我没有实践过这种做法。考虑过bootstrap-vue、element-ui最终选择了element-ui,这里bootstrap、bootstrap-vue有关问题...原创 2019-06-18 16:09:42 · 367 阅读 · 1 评论 -
JQuery第一弹:accordion菜单详解
PS:1.需要用户有点Jquery核心插件的基础2.所有讲解都不包含CSS样式,只说动态效果,样式根据自己实际情况修改一.导入Jquery核心插件二.导入与accordion菜单相关的UI插件(ui.core.js,ui.accordion.js),或直接导入jquery-ui-1.7.2.custom.min.js(不建议,会导致页面加载时多出没必要的插件加载)三.用html标签定义原创 2017-04-17 10:20:01 · 2040 阅读 · 0 评论