随笔分类 -  Vue2.0

1
摘要:有数据如下: 要做出这种效果: 我的项目是Vue+Element-ui 所以使用的是是el-table组件 有一个头疼的问题是该组件只支持一维数组的数据,可能有办法处理二维或者多维吧,奈何我一时无解,只能把数据处理成一维数组了。 代码: // 然后是渲染table和处理重复数据合并 如果您有更好的解 阅读全文
posted @ 2019-01-23 14:24 正举 阅读(1941) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2018-11-09 10:22 正举 阅读(1) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/qq_36688143/article/details/81287535 taskData: { handler(v) { // watch 方法其实默认写的就是这个handler console.log(v); }, immediate: true, / 阅读全文
posted @ 2018-11-01 12:03 正举 阅读(457) 评论(0) 推荐(0)
摘要:Vue2.0+组件库总结 UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-m 阅读全文
posted @ 2018-09-21 14:25 正举 阅读(1104) 评论(0) 推荐(0)
摘要:源码:注!原创的!!!! 阅读全文
posted @ 2018-07-20 17:03 正举 阅读(4878) 评论(0) 推荐(0)
摘要:有个小问题就是最多显示3个分页,可以手动改一下配置参数就好。直接代码: 阅读全文
posted @ 2018-07-16 16:59 正举 阅读(1006) 评论(0) 推荐(0)
摘要:一。根据官方建议,dist打包的项目文件放在服务器根目录下,但是很多时候,我们并不能这样做,当涉及到二级目录设置多层深埋的时候,就需要在webpack配置文件里去设置一下了。 在webpack.config.js(config—>index.js)文件里设置: 这样打包后,cc就是你网站的二级目录, 阅读全文
posted @ 2018-03-26 17:00 正举 阅读(2590) 评论(0) 推荐(0)
摘要:在使用了element-ui后,总觉得不尽兴,再学一个响应式的muse-ui发现是个小众框架,但是我很喜欢。 指出官网文档里的主题使用描述错误。 首先,在vue-cli里安装raw-loader:npm i raw-loader -D 然后在app.vue里使用; 阅读全文
posted @ 2018-03-25 11:13 正举 阅读(596) 评论(0) 推荐(0)
摘要:1.vue import FunName from ‘../xxx’ 1.js export defualt function FunName() { return fetch({ url: '/article/list', method: 'get' }); } 2.vue import {xxx 阅读全文
posted @ 2018-02-02 16:27 正举 阅读(1309) 评论(0) 推荐(0)
摘要:话不多说,直接上代码呀~ 先来个结构图: 中规中矩的vue-cli就写了一个自己的js文件 那么我想要引入到vue组件里。 1.首先写我的js文件 2.引入到vue组件!!!一定要用{}把方法名拿过来 3.可以开心使用了 【关于引入第三方插件:简单的说一下三种方式】 一.可以cdn直接引入到inde 阅读全文
posted @ 2018-02-02 16:19 正举 阅读(9080) 评论(0) 推荐(1)
摘要:二话不说直接代码,找了一个百度都没找到。。。。 阅读全文
posted @ 2017-08-22 14:23 正举 阅读(683) 评论(0) 推荐(0)
摘要:这里有个详解,当然,仅仅是安装jq的话下面这个办法就够了。传送门 阅读全文
posted @ 2017-08-11 09:56 正举 阅读(6535) 评论(0) 推荐(0)
摘要:npm install vuex --save 然后在package.json文件的 阅读全文
posted @ 2017-08-09 17:18 正举 阅读(246) 评论(0) 推荐(0)
摘要:先来一张项目结构图: 本地开发测试运行的命令是npm run dev 打包发布的命令是 npm run build生成的dist文件夹里的文件就是我们可以布置到服务上的文件 但是呢,这打包好的文件的文件地址都是/根目录的,如果我们需要更改这个默认的更目录路径,需要在config文件夹里的index. 阅读全文
posted @ 2017-08-08 15:34 正举 阅读(706) 评论(0) 推荐(1)
摘要:然后就是填写项目的详细说明了 大概意思就是除了router路由我需要,下面的什么测试啊,严格模式啊还有es什么的就都不需要了,添麻烦。 安装好了以后,cd进入我们创建的项目demo1里,cnpm install初始化安装我们的项目所需要的依赖。安装完后,就可以npm run dev跑起来了。 详情参 阅读全文
posted @ 2017-08-08 14:10 正举 阅读(324) 评论(0) 推荐(0)
摘要:需求: 默认本地时间,相隔一个月 四个选项:1一个月,一个季度,半年,一年。 如果结束日期不变,那么默认递增即可,如果结束日期改变了,以变更的日期递增月份。 html结构: 时间插件: vue-逻辑代码 初始化时间容器 ps:在搬运代码这条路上,我会一直走下去。 阅读全文
posted @ 2017-07-24 22:22 正举 阅读(3574) 评论(0) 推荐(0)
摘要:首先,动态加载数据 vue-data: vue-fn: 事件驱动当然是有某一个按钮之类的请求了ajax,拿到数据后,在成功回调函数里使用了这个fxjg.pageRecord(data); vue的数据双向绑定让我们省去了很多很多代码,如果是用jqueryDom操作的话,这点代码根本不行。 阅读全文
posted @ 2017-07-23 15:49 正举 阅读(239) 评论(0) 推荐(0)
摘要:初学时,搭环境,es6也来了,vuecil脚手架也弄了,调错,照着教程一遍一遍kei着。。。 然尔,实际开发中,所写的东西最后是要打包封装成软件的,为了方便其他人修改查看,不能打包成js文件。。。 难道就真的要与vue失之交臂吗?no!不可以。 于是乎,我就做了这些事情。 通讯,在vue官网里介绍的 阅读全文
posted @ 2017-07-23 15:30 正举 阅读(935) 评论(0) 推荐(0)
摘要:其原理,是利用vue里的computed计算属性来做。 请看代码: 所以说,vue真的很强大,很方便,就看脑洞有多大了。其实,换个姿势,我还可以来一遍。 阅读全文
posted @ 2017-07-23 15:21 正举 阅读(917) 评论(0) 推荐(0)
摘要:之前vue1.0的过滤器真的很好使,但是作者为了不让搬运工变得太菜。硬是砍去了过滤器,为此,我还哭了好一阵,终于,一点一点的弄明白了过滤器是怎么回事后,也学明白了vue里的属性监听器computed以及框架里提供的filter的使用,觉得,作者这样做是对的。 先来一个模糊搜索 接下来还有一个sele 阅读全文
posted @ 2017-07-23 15:01 正举 阅读(6578) 评论(0) 推荐(0)

1