摘要:
最近项目中需要用到省市区联动,ui用的是有赞的Vant-UI 看了一下文档,UI中已经给我们提供了一个写好的省市区联动组件,如果没有特殊需求的话可以直接使用: 但是这个组件的架构和项目中的需求有一些出入——项目中所需的行政区标识code使用的不是标准行政区六位代码,是自定义的标识,需要从后台请求拿到 阅读全文
摘要:
跨页多选翻页保存问题折磨了我一天,终于找到了合适的解决方法分享一下。 需求: 项目中使用Element UI: 表格中数据通过网络请求得到; 给后台接口发送页码(pagenum)和每一页条数(pagesize)实现数据分页; 实现单页内全选 翻页保存之前选中的数据 解决方式: 使用官方文档中提供的r 阅读全文
摘要:
问题描述 项目前台有个tab标签页切换,三个TabPane标签,分别挂载三个不同的组件,三个组件中都有网络请求,且第三组件中数据量大无分页,需要进行前端显示优化——Tab页怎样进入页面时只请求默认显示项的数据? HTML代码大致如下,pending-table、warning-select、thre 阅读全文
摘要:
iview UI 按需引入 此时Select组件下拉框未生效,显示无匹配数据 解决方法: 引入时将Option组件一起引用 阅读全文
摘要:
项目前台页面用的iview-UI,下面对表格相关的样式修改和数据渲染进行一下总结 数据渲染相关 正常渲染 直接从教程中拿出来的组件代码: <Table :columns="columns" :data="data"></Table> columns中填写的数据必须是一个数组,代表的是表头相关,常用的 阅读全文
摘要:
项目中表单填写提交前需要进行验证,记录一下踩坑的几个地方 [TOC] rules验证和自带验证 在data中用rules自定义了验证信息,注意,prop的值应该与v model的值和rules中的值一样,否则无法触发rules验证。 例子如下: 在实际使用中,当el form item标签与rule 阅读全文
摘要:
项目预览 首页((http://localhost:8080/) 首页样式 首页功能 导航下拉框 热门推荐 搜索联想 侧弹框 轮播图 选项卡切换 猫眼电影 切换城市(http://localhost:8080/ChangeCityPage.html) 切换城市页样式 切换城市页功能 下拉框省市联动 阅读全文
摘要:
[TOC] 前言 最近做项目,项目要求某个网页中嵌入一个地图控件,对这个控件的要求是能动态获取后台数据传来的json数据中的位置信息。 经过一番筛选(尝试了好几种地图),我最后在众多地图中选择了百度地图。 地图选好了 ,那么我们怎么把地图控件放入网页中使用呢? 前置操作 以下是前置操作,一共四步: 阅读全文
摘要:
最近做项目中,碰到了点小麻烦: 后台从接口请求回来的城市相关的数据只有城市名称,没有排序,铺页面的时候要排序就很麻烦; 面向百度编程时候找到了一个包,用它来将字符串转成拼音,就可以通过字符串截取取出拼音首字母,这样就可以进行首字母排序了。 这个包的名字叫 js pinyin 。 npm下载 npm 阅读全文
摘要:
less中文网: "点我" less.bootcss: "点我" 使用方法 1 . 安装less npm install g less 2 . 新建HTML文件和Less文件 新建Less文件的方法 创建新文件 选择Less File 创建后: 3 . 编写HTML代码和Less代码 使用Less中 阅读全文