kerelee_li-优快云博客

原创微信小程序与H5内嵌网页交互实现地图定位功能

小程序中有很多好用的API，整个项目我们是用vue实现的，使用小程序的内嵌网页功能完成交互。使用小程序的&lt; web-view &gt;标签将vue项目在小程序中运行。大概的背景就是这样。接下来介绍具体怎么完成微信小程序与vue内嵌页面实现地图定位功能。 1.首先在index.html中引入微信jssdk &lt;script type="text/javascript" src="h...

2018-09-10 11:31:14 20330 5

原创 element UI table二次封装不同功能列的基础上添加列的拖拽功能

背景：根据需求对element ui的table表格进行了二次封装，封装功能列有：可扩展列、展示数字添加单位列、点击事件列、过滤排序列等。封装完毕，以为大功告成，此刻添加了新需求，在原有表格中增加列的拖拽功能。关于拖拽功能的实现，请参考这篇文章：http://www.jb51.net/article/138257.htm 如何将拖拽功能添加到我的组件中呢？文章中：通过一个数组渲染表头（列）...

2019-02-18 16:54:46 857

**问题背景：**页面刷新后，vuex中的数据丢失。这是因为：js代码是运行在内存中的，代码运行时的所有变量、函数也都是保存在内存中的。进行刷新页面的操作，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API，让你可以将数据存储在硬盘上，做持久化...

2018-12-27 15:25:18 10003 1

原创 vue三级联动（省市区）插件v-distpicker

vue三级联动（省市区）插件v-distpicker 项目中很多地方需要实现三级联动的效果，介绍一个简单好用的插件 v-distpicker 步骤如下： 1.下载 npm install v-distpicker --save 2.在main.js中引入注册 import VDistpicker from 'v-distpicker' Vue.component('v-distpicker',...

2018-11-16 11:27:45 2338 1

原创 css样式两行内容显示省略

css两行内容显示省略需求是两行内容时，第二行内容超出部分显示为省略号 .li-header-name { width 44%; overflow hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //两行，行数可以自有定义 -webkit-box-orient: v...

2018-11-15 11:39:20 1070

原创 vuex实现表单信息边输入边保存，跳转页面信息不丢失

vuex实现表单信息边输入边保存，跳转页面信息不丢失运用场景：项目中需要填写一个新增表单，填写到第三行内容时需要从A页面跳转到B页面获取信息，从B页面跳回A页面时之前用v-model绑定的第一第二行内容丢失。如下图所示场景如何解决这一问题呢？将每一行的信息在输入完成后直接存储vuex当中，具体如何实时存储请看代码 1.首先在当前vue组件中： <div> <span&...

2018-10-10 11:38:33 3211

原创 vue中生成二维码（中间带logo）

1.vue中使用qrcode 一开始使用qrcode生成二维码，查看源码中的参数，似乎不能带logo。单单生成二维码还是很方便的首先输入指令 npm install qrcode --save &lt;template&gt; &lt;div&gt; &lt;qrcode-vue size="300" level=&am

2018-09-04 16:58:41 17521 12

原创使用babel将ES6转化成ES5

使用babel将ES6转化成ES5 有些浏览器还不支持ES6语法，这是我们需要将ES6语法转换成ES5，除了可以利用webpack的自动编译转换功能之外，也可使用babel进行转换。转换步骤如下： 1.创建文件及目录如下，dist文件夹下为Babel转化后的ES5文件；src文件夹下为自己编写的ES6文件 2，打开终端，输入以下命令。在安装babel之前，需要初始化我们的项目 D:...

2018-09-03 15:18:27 1392

原创使用cookie+localStorage+vuex实现页面登陆

使用cookie+localStorage+vuex实现页面登陆要实现一个登陆页面，具体要求有： 1.匹配用户名和密码正确，点击进入系统，否则弹出提示用户名或密码不正确。 2.登陆成功后，3天时间内可以直接进入，不需重新登陆，直接进入系统。（使用vuex和cookie保存登陆状态，使用cookie控制时间） 3.登陆过的用户，下次登陆时输入框中保存了之前的用户名，即使在3天之后，输入框中...

2018-09-03 11:16:20 2686

原创超详细的js数组操作方法

超详细的js数组操作方法 1.创建数组 var members=['Lily','Lucy'] 2.通过索引访问数组元素 var person=members[0] //Lily 3.遍历数组(forEach) members.forEach(function (item, index, array) { console.log(item, index); }); 4...

2018-08-20 18:03:35 239

原创 slot 插槽的使用总结

slot 插槽的使用总结什么是插槽？ vue.js官方文档上介绍：将 slot元素作为承载分发内容的出口。也就是说，当子组件有一部分内容是根据父组件传递过来的dom进行显示时，可用slot。三种不同的插槽使用： 1.插槽内容 //子组件child vue.component('child',{ template:'<div> &...

2018-08-14 10:25:20 7396

原创 vuex的使用——从一个例子入手

从一个例子入手浅谈vuex的使用定义 Vuex 是一个专为 Vue.js开发的前端状态管理模式。它采用集中式存储管理应用的所有组件的状态。特点 1.store是vuex的核心，当 Vue 组件从 store 中读取状态时，若 store 中的状态发生变化，那么相应的组件也会高效更新。 2.不能直接改变store中的状态，改变 store 中的状态的唯一途径就是显式地...

2018-08-07 20:39:09 787

kerelee_li的博客