随笔分类 - vue
vue相关
摘要：vue实现一个简单的日程表： 写在home.vue文件中了 。。。 另一种实现：
阅读全文
摘要：之前用了一个vue-element-admin做了一个小项目，里面用到了动态添加路由，动态展示侧边栏， 当我切换页面时，控制台总是警告提示路由重复，连续跳转几次页面后，控制台就被这些警告占满了， 于是处理一下 原因addRoutes 方法仅仅是帮你注入新的路由，并没有帮你剔除原有的其它路由！ 我们先
阅读全文
摘要：Conference starts in {{time.D}} days ...
阅读全文
摘要：中文文档地址：http://tinymce.ax-z.cn/configure/integration-and-setup.php 最近想在项目上引入一个富文本编辑器，之前引入过summernote，感觉并不太适合vue使用， 然后在网上查了查，vue中使用Tinymce比较适合， 首先，我们在vu
阅读全文
摘要：今天群里有个端友说到了这个，没当回事，devserver中虽然设置了端口，但是启动本地项目后，端口还是随便更换，网上回去初始化了一下项目，结果也遇到这情况了，刚好，我们只需要 就可以解决了， 这是又portfinder1.0.22版本导致的，vue-cli-service servey 启动后，服务
阅读全文
摘要：上代码： 以上代码适配移动端和pc端， 可以根据自己的需要添加到页面，可以用mixin混入的方式引入，可以将整个mounted中的方法封装在一个方法内，这样不会显的乱，看自己情况引入使用就行， style中下面的样式，是放置整体拖动
阅读全文
摘要：直接上组件代码： 引入方式： 引入： 注册子组件： 页面使用： 声明： 这个组件对路由有要求，路由配置中要有meta路由元信息 像这样： 下面是在项目上真实用到的： 上了个强刷新，因为发现路由数组更新后，页面并没有渲染，情急之下弄了个强刷新的卑劣手段
阅读全文
摘要：首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-cli
阅读全文
摘要：1、安装依赖 npm install svg-sprite-loader --save-dev 2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir)
阅读全文
摘要：vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？ 组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两
阅读全文
摘要：echarts的中文文档地址：https://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 新文档地址：https://echarts.apache.org/zh/tutorial
阅读全文
摘要：安装 下面看一下如何简单的使用： 在main.js中引入（全局引入） 在vue页面中 效果图： 按需引入 上面全局引入会将所有的echarts图表打包，导致体积过大，所以我觉得最好还是按需引入。 在当前都vue文件中（script） import引入会将模块打包到项目里，而require不会，req
阅读全文
摘要：vue中我们会遇到很多父子组件通信的需求， 下面简单列一下，父子组件通信的几种情况 1：父组件向子组件传值：使用prop向子组件传值； 2：子组件实时监听父组件传来的值的变化：使用watch去监听父组件传来的值； 3：父组件可以通过this.$refs.name.去访问子组件的值或方法； 4：子组件
阅读全文
摘要：vue 修饰符sync的功能是：当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。 不过它有一个前身，先来看看.sync出现之前是如何实现的 父组件中（传递给子组件一个值：propObj） 子组件中（点击事件去更新父组件的值） 下面用vue 修饰符sync来实现，会更简洁
阅读全文
摘要：刚学vue的时候，曾经学习过slot插槽的使用，但是后面接触的不多，因为之前我还没使用element-ui。。。 但是使用了element-ui之后，里面的许多组件，有时候会使用插槽，为了巩固一下插槽，写一个笔记 首先，插槽有什么作用呢？ 我们先来自定义一个组件： 然后在其它组件内引入（script
阅读全文
摘要：html2canvas文档地址 http://html2canvas.hertzen.com/configuration 方式一：使用html2canvas和jspdf插件实现 该方式是通过html2canvas将HTML页面转换成图片，然后再通过jspdf将图片的base64生成为pdf文件。实现
阅读全文
摘要：文档地址（h5支付） https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_5 微信内调起支付：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3 我想做的是h5支付，也
阅读全文
摘要：这段时间在研究element-admin，感觉这个库有许多值得学习的地方，我学习这个库的方法是，先看它的路由，顺着路由，摸清它的逻辑，有点像顺藤摸瓜。 这个库分的模块非常清晰，适合多人合作开发项目，但是如果一个人去用这个库开发后台，步骤显的有点繁琐，特别是调用后端接口，之前一个方法就调用到了，但是用
阅读全文
摘要：之前做项目时，特别是后台项目，左边都有侧边栏，我们需要做到点击某个侧边栏的项让这个项高亮，之前采用的是给每个项绑定一个值，点击某个项时，就将这个值付给一个变量，在每一项上判断这个变量是否与每项上的值相等，从而使对应项高亮， 但是最近在vue-element-admin上看到的是，他的侧边栏其实就是路
阅读全文
摘要：vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符：\ vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~ 上面代码，还可以在这样写： 全部的键盘别名： 还有一些组合按键： Alt + C : Ctrl + Click : 注意！！！如果用了封装组件的话，比如el
阅读全文
