👻
Out sick
Pinned Loading
-
日常提升知识点
日常提升知识点 1新的一周又开始了,这周开始给自己定下许多目标,比如卸载游戏,专心学习;开始精致的猪猪男孩,保养自己;早睡早起,养好身体,周末开始多多找一些兼职,体验生活。
2又废话一下,还是直接进入正题吧,说说上周的问题,就是被一个组件害死了,Cascader 级联选择器,看官方文档介绍,是不错的;可能对于我这种需要脑袋瓜子多转一会的人来说,无疑是天方夜谭。话不多说,来认识它。
3当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择。这是官方介绍,类似县市级联那种,有兴趣的人可以去官网了解一下,[element-ui级联选择器](http://element-cn.eleme.io/#/zh-CN/component/cascader)
4这里重点介绍一下,动态加载提供的方法:本例的选项数据源在初始化时不包含城市数据。利用active-item-change事件,可以在用户点击某个省份时拉取该省份下的城市数据。此外,本例还展示了props属性的用法。
5因为一般我们是向后台请求数据然后遍历上去的,所以这里我们使用foreach的遍历方法。实现的过程是这样,一开始是先初始获取小区的列表信息,拿到楼宇的id,这时要注意的是,我们要先把第一级的数据遍历上去,所以我们在官方提供的响应数据的方法写,就比如element.name=val,这里的val是官方的例子,可以自行改动;这样我们还可以拿到另外两个参数,一个是下标,另一个是楼宇的id,方便我们第二次请求;其实按照网上的话,是可以用vuex管理的,因为有些接口它是多用的,我们没必要在两三个页面上编写同一种请求方法;然后在第一次请求的时候建立一个空数组,和一个children,在它后push上去。因为是官方的方法,这里我们前面已经给它赋了值,直接请求取出来,就相当于el.children=res.data一样。
-
还是日常程序鱼的三分钟记忆
还是日常程序鱼的三分钟记忆 1回顾之前写的代码,看一下,我草,这是谁写如此优美的代码(不就是我吗?o(*^@^*)o),再仔细看看。嗯....,好吧,这句是什么意思,我好像忘记它是谁了
2```
3<el-dropdown-item @click.native="logout">退出登录</el-dropdown-item>
45```
-
知识点补充
知识点补充 1今天讲两篇,此为上篇,下篇会接着!
2截止目前,我们的物业系统越来越完善,但是还是很大一部分还是没有完成,包括测试之类的。
3话不多说,先讲讲API接口篇,本来接口没什么好讲的,但是不一定,像我这种新手就掉坑里了。先了解axios请求,从官方文档来看,axios是基于promise的HTTP库,可以用在浏览器和node.js中。
4其特点是:
5```
-
element-ui小笔记
element-ui小笔记 11.在每次弹窗<el-dialog>的时候,想要一开始初始化数据表格为空的话,最好是在标签里面加v-if=“”;
22.v-bind在接口请求之前,显示加载中,知道请求到数据后消失,在data初始化,在mounted中设置成true,再去请求接口,在接口的回调函数中为false,达到效果(意思就是在res.code==0的时候,为false);
33.v-if和v-for,v-for的优先度比v-if更高,这意味这每次v-for循环的都会执行一次v-if,可以把v-if放到父节点上;
44.现在写代码一定要想好再写,就比如今天同事写的代码,就让我深有感受。一个页面的开始编写:
5首先,路由注册,这里要考虑页面时候要缓存,要的话,一般要加上keepalive,这里关联的就是actived(单词忘记了),在页面html没有渲染前先请求数据存起来;
-
CSS 是前端必须要掌握的技能之一,一般面试也都会从 CSS 开始
CSS 是前端必须要掌握的技能之一,一般面试也都会从 CSS 开始 1<p><a href="https://segmentfault.com/a/1190000020966360" target="_blank" rel="noopener">引用segmentfault一位大佬的原文,如有侵犯,请联系我给予删除</a></p>
2<ul>
3<li>盒模型</li>
4<li>垂直居中的方法</li>
5<li>三栏布局</li>
Something went wrong, please refresh the page to try again.
If the problem persists, check the GitHub status page or contact support.
If the problem persists, check the GitHub status page or contact support.