- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue组件二次封装，组件继承
使用第三方组件库时，无法直接修改组件，为了满足使用场景，我们可以二次封装组件，其实更像是继承组件。另一个使用场景是，多个组件合并为一个组件，例如：带有分页的表格、带有搜索的树组件。以Tree为例子，为了方便使用，我们需要自己的s-tree组件完全继承Tree的属性props、事件event、插槽slot；以上只是常规组件二次封装的方法，实际使用时，应该根据情况灵活的处理，例如自定义插槽，无法继承，就需要我们自行定义并使用插槽。.........
2022-08-18 16:48:54
2823
原创 iview表格二次封装，使其支持分页
由于之前的项目使用的是Ant Design Pro Of Vue，里面提供的s-table用着很顺手，于是就按着同样是使用方式去封装一个ivew的s-table。(需要注意的是，这里的修改是全局性的，意味着整个项目所有使用该 table 组件都需要遵守这个返回结果定义的字段。组件内部对数据选择做了处理，即使切换页码，也可以保留上一页选择的数据，并且回到上一页依旧是已选中状态。本一致，在其基础上，封装了加载数据的方法和获取已选择数据的方法。（前端分页，如果你拥有全部数据并且需要分页，则可以使用前端分页）...
2022-08-15 16:07:01
997
原创 webstorm vscode vue项目使用eslint+prettier自动格式化代码
eslint+prettier自动格式化代码1.两个依赖需要你的vue项目已经使用了eslint+prettier，你可以在创建项目的时候选择eslint+prettier，如下图：当然，对于老项目，你也可以选择自己安装相关依赖，就是稍微繁琐一些…2.eslinteslint：JavaScript 代码检测工具js相当随意，对于字符串，你可以使用'',""；在语句的最后，你可以使用;...
2020-03-28 17:48:38
8048
原创 vue移动端屏幕自适应
移动端屏幕自适应1.rem:rem(font size of the root element)是指相对于根元素的字体大小的单位2.想法:使用rem，字体大小与html标签的font-size属性相关，那么只要根据屏幕大小改变html标签的font-size属性，字体大小就与屏幕大小相关，就能使得移动端屏幕自适应3.根据屏幕大小改变html标签的font-size属性:使用单位vw...
2020-03-27 16:33:36
2596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人