UI框架
养只猫
这个作者很懒,什么都没留下…
展开
-
vue的UI框架之有赞移动端vant-ui
最近公司不忙比较闲,于是研究了一下前端ui框架相关的一些东西npm安装 npm i vant -S 一般我们使用ui框架都是按需引入这里我们只讨论按需引入,按需引入我们需要安装一个依赖包babel-plugin通过命令行安装 npm i babel-plugin-import -D 配置 然后需要配置.babelrc文件中的plugins这一项加入如下代码(注意是加入而不是替换默认的代码) ...原创 2018-10-08 21:31:07 · 7913 阅读 · 0 评论 -
前端UI框架之pc桌面框架iview-ui
npm安装 npm install iview --save 配置.babelrc 这里只讨论按需引入,按需引入需要安装babel-plugin依赖包 npm install babel-plugin-import --save-dev 在.babelrc文件中的plugins这一项中加入如下代码(注意不是替换原先的代码) "plugins": [ ["import", { ...原创 2018-10-08 21:44:37 · 1481 阅读 · 0 评论 -
vue之豆瓣电影(一)
前言 学习vue也有一段时间了,一些常用的指令,路由、vuex、生命周期也了解的差不多了。公司目前没有vue的项目为了得到进一步的突破,决定利用空闲的时间写一个关于电影单页面应用。由于没有后端因此选择了豆瓣的接口,项目很简单但是代码的过程中使用到尽可能多的vue相关的知识。 项目中用到了vue2.0、mint-ui、webpack、vue-cli、vue-router、vuex、axios、s...原创 2018-10-08 21:49:54 · 1068 阅读 · 1 评论 -
改变element ui中的默认icon
需求:element ui需要更换默认的样式的图标。 下载和使用阿里巴巴矢量图标 下载好阿里巴巴矢量图标https://blog.csdn.net/qq_40816649/article/details/85309680 element的步骤条的图标是在:before的伪类里面的因此要改变图标需要改变伪类的content; 这里的content不能直接写入这样是得不到想要...原创 2019-06-21 23:28:41 · 5009 阅读 · 0 评论 -
js将element的table表导出为excel
直接上代码 <el-table :data="item.data" cell-class-name="itemTd" row-class-name="itemRow" ...原创 2019-06-22 15:08:18 · 587 阅读 · 2 评论 -
vue父组件直接操作子组件的方法(不通过$emit和$on)
今天再用element ui的时候走马灯有个发方法直接是通过this.$refs.carousel.prev()来控制走马灯的切换下一张的动作。 之前父组件触发子组件的方法都是$emit和$on配合完成的。 从走马灯的案例中启发了一个思路 1父组件引入使用组件直接给组件绑定ref名字。 2.子组件中在methods中定义任意方法。 3.父组件中直接this.$refs.name.fn() 以...原创 2019-07-01 17:51:18 · 907 阅读 · 2 评论