![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
磐石BedRock
一个不会写后端和APP的程序员不是一个好的前端程序员,对!没错!菜鸡前端程序员就是我!
展开
-
Vue 文字超出行数后,显示省略号,并且尾部拼接 展开与收起功能
Vue 文字超出行数后,显示省略号,并且尾部拼接 展开与收起功能。原创 2022-03-30 18:46:46 · 4431 阅读 · 0 评论 -
CSS使用彩色字体图标(Vue/Uni)
在项目中使用彩色字体图标,感谢下方链接作者,本文章只起到搬运转接作用如何使用彩色字体图标原创 2020-08-17 16:50:19 · 598 阅读 · 0 评论 -
Uni中城市列表选择包含高德城市编码
首先说明,我使用的是插件市场上面的这个插件但是由于该插件城市不全,并且没有高德地图编码,所以,我对JSON数据从新编写了一番,读者只需把插件当中的city.js给替换一下就可以了/** * Created by dianwoda on 2019/3/28. * // A B C D E F G H I J K L M N O P Q R S T U V W X Y Z // { c...原创 2020-01-14 14:13:27 · 775 阅读 · 0 评论 -
Vue之封装公用变量以及方法
阿西八!!!写久了Flutter,前端的知识真的是忘得差不多了,今天就来复习一下Vue中如何封装公用变量以及公用方法以封装一个正则表达式为例!第一步创建我们的公用文件夹我们来看一下utils.js中的代码class PublicMethods{ constructor() { this.name = '公用变量' } verificationPhon(phone){ ...原创 2020-01-05 20:41:10 · 3081 阅读 · 0 评论 -
Uni中使用Vue的EventBus总线机制
首先我们要使用的EventBus事件总线,能够做到兄弟组件,或者不是父子关系的页面达到数据相互传递的效果一种做法是在main.js中创建事件总线创建完$EventBus后,就可以直接在页面中使用事件总线的方法来发送和接收事件了第二种做法:封装事件总线使用的时候直接引入就可以了...原创 2019-07-28 18:40:50 · 2172 阅读 · 0 评论 -
Vant(有赞)UI框架爬坑记——折叠面板的使用
这次来说一下这个折叠面板啊,这个东西也是个坑啊,大家伙既然来找问题,肯定也是遇见了和我差不多的问题,就是在组件内,使用collapse折叠面板,竟然跟我说一堆错误,全局也没搜到报错的这个value.some,我那叫一个崩溃啊!!怎么解决呢:把这个折叠面板直接抽离出来当成一个组件来使用,这样就避免了这种报错。...原创 2019-05-18 13:27:03 · 15850 阅读 · 1 评论 -
Vant(有赞)UI框架爬坑记——图片轮播+预览
马上大学毕业了,要做毕业设计,决定做个移动端的网站,在挑选了多个Vue的移动端框架之后,返现Vant这个框架的开发文档相对还是比较友好的,所以就决定使用这个了,但是使用的途中,发现是真的好多坑,今天先来说说这个图片论文+预览的功能首先我先自己试了一下Vant上面给的例子,说实话,感觉例子上讲的图片预览着实没看懂怎么个意思,按照上面的说法,首先引入ImagePreview,然后直接就创建了个数组,...原创 2019-05-17 17:27:42 · 11120 阅读 · 4 评论 -
手写一个Vue的数据绑定
Vue的数据绑定原理具体废话我也不多啰嗦了,大家既然要看原理,网上一搜就是一大堆,无非就是利用了Object.defineProperty这么个东西去设置和获取对象,那么大道理我就不废话,直接上干货首先要写HTML<div id="app"> <input type="text" "In(event)" id="cur"> <p id...原创 2019-04-22 15:36:09 · 220 阅读 · 0 评论 -
利用webpack的DefinePlugin插件实现版本号的可视化
利用webpack的DefinePlugin插件实现版本号的可视化原因:项目中,每次发一次版本,服务器更新都挺慢的,为了区别每一次版本是否发版成功,在webpack当中进行配置,以达到版本的可视化操作&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首先在webpack.dev.conf.js 和 webpack.prod.config.js当中,因为我们是使用插件...原创 2019-02-26 11:11:09 · 1094 阅读 · 0 评论 -
Vue项目中 点击某个选项后进入编辑页面,点击取消/保存/返回时 能够再次返回到点击的地方
Vue项目中 点击某个选项后进入编辑页面,点击取消/保存/返回时 能够再次返回到点击的地方简介:可以算是记忆功能,记忆上一次点击的地方解析:拿最简单的点击取消来举例首先我先说明一下,我这个页面时循环生成的多个div、首先在循环的时候绑定一个id,这个id可以是你循环出来的后台数据,也可以是你自定义的数据。注意:不要使用数字开头在点击按钮跳转的时候,通过路由,将此id传输过去,同时...原创 2018-12-25 11:40:37 · 10263 阅读 · 0 评论 -
多个checkbox存在时,如何做绑定区分
多个checkbox存在时,如何做绑定区分详细问题: 在checkbox中,勾选全选,下方的子级checkbox会全部选中,如果不勾选的话,子级不会全部选中场景图难点局限于数据结构复杂由于多个checkbox是循环出来的,所以造成绑定了同一个值,选择一个,其他的自己checkbox全部都会被选中思路&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;将每一个大checkbox分原创 2018-11-15 21:48:53 · 2088 阅读 · 0 评论 -
Vue+ElementUI 中 级联选择器Bug问题
ElementUI中级联出现的小BUG问题最近在项目中需要用到级联这么个控件,所以便去element上找了个,发现了个问题,在这里跟大家分享下,介于公司项目的隐私性,所以一些文字便给大家打上马赛克了,敬请谅解~不多说废话,直接上问题:ElemenUI的级联是通过子级字段递归进行显示的,但是假如后端老铁也用了递归写的数据,而递归到最后一个数据集便出现了问题,会出现光有字段,但是却没有数据这么...原创 2018-11-08 15:31:59 · 12612 阅读 · 3 评论 -
Vuex与生命周期的关系
由Vuex引发的对生命周期的认识 在我们做Vue的项目的过程中,总少不了利用vuex来配合渲染数据,从而出现各种各样的问题,今天碰见的问题是:我已经拿到了从后台获取的数据,可是当我通过计算属性计算出来后,再次去渲染出来出现了问题,内部字段怎么也获取不到,一直报错,所以就搜罗了一些大佬们的文章,才写了这边文章问题呈...原创 2018-10-23 21:28:41 · 9109 阅读 · 2 评论 -
利用正则来匹配我们想要的中文
正则匹配指定的中文原因:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;项目需求中 需要在用户输入完毕的结尾加上默认的一句话,我是利用失去焦点事件blur来做的,但是出现了问题 → 只要一离开就会添加默认的这么一句话,用户体验很不好,随后,便想利用正则来解决这个问题,在网上找到的都是是否有中文啊、[\u4e00-\u9fa5]这么一个正则匹配来做中文匹配原创 2018-10-22 21:30:19 · 1131 阅读 · 0 评论 -
Vue中结合ElementUI实现:限制输入框只能输入正整数
Vue中结合ElementUI实现:限制输入框只能输入正整数input输入框中禁止输入小数和负数(*只允许输入正整数 *)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最近在做项目中碰见了这么个问题,需要输入数字,但是只能输入正整数,在网上找的没找到自己想要的,所以就自己想了两个办法,在这里跟大家分享一下。(因为是刚毕业,第原创 2018-10-17 20:13:31 · 39796 阅读 · 15 评论