vue
文章平均质量分 54
kerelee_li
这个作者很懒,什么都没留下…
展开
-
slot 插槽的使用总结
slot 插槽的使用总结什么是插槽? vue.js官方文档上介绍:将 slot元素作为承载分发内容的出口。 也就是说,当子组件有一部分内容是根据父组件传递过来的dom进行显示时,可用slot。三种不同的插槽使用: 1.插槽内容//子组件childvue.component('child',{template:'<div> &...原创 2018-08-14 10:25:20 · 7273 阅读 · 0 评论 -
解决刷新页面vuex store中数据丢失的问题
**问题背景:**页面刷新后,vuex中的数据丢失。这是因为:js代码是运行在内存中的,代码运行时的所有变量、函数也都是保存在内存中的。进行刷新页面的操作,以前申请的内存被释放,重新加载脚本代码,变量重新赋值,所以这些数据要想存储就必须存储在外部,例如:Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API,让你可以将数据存储在硬盘上,做持久化...原创 2018-12-27 15:25:18 · 9876 阅读 · 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 · 968 阅读 · 0 评论 -
vue三级联动(省市区)插件v-distpicker
vue三级联动(省市区)插件v-distpicker项目中很多地方需要实现三级联动的效果,介绍 一个简单好用的插件 v-distpicker步骤如下:1.下载npm install v-distpicker --save2.在main.js中引入注册import VDistpicker from 'v-distpicker'Vue.component('v-distpicker',...原创 2018-11-16 11:27:45 · 2129 阅读 · 1 评论 -
vuex实现表单信息边输入边保存,跳转页面信息不丢失
vuex实现表单信息边输入边保存,跳转页面信息不丢失运用场景:项目中需要填写一个新增表单,填写到第三行内容时需要从A页面跳转到B页面获取信息,从B页面跳回A页面时之前用v-model绑定的第一第二行内容丢失。如下图所示场景如何解决这一问题呢?将每一行的信息在输入完成后直接存储vuex当中,具体如何实时存储请看代码1.首先在当前vue组件中:<div> <span&...原创 2018-10-10 11:38:33 · 3081 阅读 · 0 评论 -
微信小程序与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 · 19912 阅读 · 5 评论 -
使用cookie+localStorage+vuex实现页面登陆
使用cookie+localStorage+vuex实现页面登陆要实现一个登陆页面,具体要求有: 1.匹配用户名和密码正确,点击进入系统,否则弹出提示用户名或密码不正确。 2.登陆成功后,3天时间内可以直接进入,不需重新登陆,直接进入系统。(使用vuex和cookie保存登陆状态,使用cookie控制时间) 3.登陆过的用户,下次登陆时输入框中保存了之前的用户名,即使在3天之后,输入框中...原创 2018-09-03 11:16:20 · 2608 阅读 · 0 评论 -
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 · 17185 阅读 · 12 评论 -
vuex的使用——从一个例子入手
从一个例子入手浅谈vuex的使用定义 Vuex 是一个专为 Vue.js开发的前端状态管理模式。它采用集中式存储管理应用的所有组件的状态。特点 1.store是vuex的核心,当 Vue 组件从 store 中读取状态时,若 store 中的状态发生变化,那么相应的组件也会高效更新。 2.不能直接改变store中的状态,改变 store 中的状态的唯一途径就是显式地...原创 2018-08-07 20:39:09 · 719 阅读 · 0 评论 -
element UI table二次封装不同功能列的基础上添加列的拖拽功能
背景:根据需求对element ui的table表格进行了二次封装,封装功能列有:可扩展列、展示数字添加单位列、点击事件列、过滤排序列等。封装完毕,以为大功告成,此刻添加了新需求,在原有表格中增加列的拖拽功能。关于拖拽功能的实现,请参考这篇文章:http://www.jb51.net/article/138257.htm如何将拖拽功能添加到我的组件中呢?文章中:通过一个数组渲染表头(列)...原创 2019-02-18 16:54:46 · 783 阅读 · 0 评论