1 王林丽

尚未进行身份认证

不想苦一辈子,就要苦一阵子,扛得住艰难,才能配得上梦想!

等级
博文 35
排名 16w+

vue调用组件遇到的坑

今天再用element-ui的el-tab调用不同的组件时遇到一个奇怪的问题,上述图片中,一个组件被重复渲染了多次,代码如下:<el-tabsref="tabRef"v-model="activeName"@tab-click="handleClick"><el-tab-panev-for="iteminoptions.ta...

2019-05-13 16:50:34

element-ui使用问题总结

1、el-input@keyup事件不生效【解决】<el-inputplaceholder="请输入内容"v-model="content"clearable@keyup.enter.native="search"></el-input><el-inputplaceholder="请输入内容"v-model="content"clear...

2019-05-07 09:34:49

G6根据数据绘流程图

最近有一个这样的需求,就是根据一个流程绘制一个流程图,记录自己当前所处的状态。之前有看过同事用g6,今天自己也尝试着用了一下,然后整理下,写了这个博客记录下。效果图:参考文档的链接是g6官网:https://antv.alipay.com/zh-cn/g6/3.x/demo/flow/dagre.html我是把这个代码拷贝然后做了部分修改的npm需要安装的是npmin...

2019-05-06 15:50:26

vue-amap根据地址回显地图并mark

实现了地图选址功能后,现在来实现一个根据地址回显地图并标记的功能,效果图如下:直接上代码:main.js中引入importVuefrom'vue'importVueAMapfrom'vue-amap'importAppfrom'./App'importrouterfrom'./router'Vue.config.productionTip=fa...

2019-04-30 11:03:27

地图选址功能完善1

昨天实现的地址选址功能发现一个bug,有时候会报以上错误,有时候又是正常的,感觉好像是加载顺序的问题,然后查了好半天文档,发现在main.js中,Vue.use(VueAMap)在以上一行代码之前加入一个localStorage.clear();就好了,目前没有出现什么错误,如果后续发现bug再来完善。来来来,上代码:main.js文件importVue...

2019-04-30 10:53:23

地图选点功能

在详设阶段,需要实现地图选点,这个自己之前从来没有实现过,现在来实现一下,这个过程中参考了高德地图的官方开发文档和vue-amap文档,地址链接分别如下:高德地图官方文档:https://lbs.amap.com/api/javascript-api/example/map-lifecycle/map-showvue-amap文档:https://elemefe.github.io...

2019-04-29 10:56:55

软键盘的实现

在详设中,遇到了需要实现软键盘的地方,要实现的效果图如下实现的代码如下:<template><divclass="myIndexWrap"><divclass="keyboardWrap"><h3>软键盘</h3><inputclass="myInput"type...

2019-04-29 10:41:36

vuex状态管理

今天看了vuex的API,自己写了一个case,然后发现,其实这个vuex也不难,反而很好用,现在整理成博文以便以后查阅。一个项目,如果需要用到这个vuex状态管理工具的话,需要先安装:npminstallvuex--save通常,我们需要在项目中的src文件夹下创建一个store文件夹,然后再index.js中引入vuex,如下图store/index.js代码如下...

2019-04-19 17:44:50

vue 列表实现选中,全选功能

话不多说,直接上代码,挺简单的,但是还是记录下来吧<template><divclass="container"><divclass="cartList"><divclass="cartItem"v-for="iteminlist"><divclass="selctBtn"...

2019-04-19 14:16:44

vue组件间的交互方法总结(边用边整理)

今天突然想总结下vue组件之间的交互方法,于是边写case边整理交互方式一:使用props和$emit【解析】父组件通过v-on绑定一个属性向子组件传递数据,子组件通过props接收父组件的数据;子组件通过$emit向父组件发送一个事件,父组件通过子组件发送的自定义事件进行接收子组件传递过来的数据。vm.$emit(“...

2019-04-17 14:20:05

BEM命名规则

解释:BEM(Block-块Element-元素Modifier-修饰符)规则:1、block-name--element-name2、blockName-elementName

2019-04-16 10:26:36

随笔--前端“详设”的重要性

2019.4.13周六下午,在公司进行了前端小组代码评审,这是参加工作以来自己参与的第一次真正意义上的代码评审,会上,广哥主要是想通过这次的代码评审让我们知道“详设”也就是【详细设计】的重要性。会后,我反思总结了下这次会议的主题,自己理解的所谓的“详设”,就是在拿到需求之后,自己要先思考下每个步骤应该怎么做,用什么做,即使不写成文档也要在纸上或者在脑子里想清楚,每一个需求都要想想是复杂还是自己...

2019-04-15 14:56:11

vue Treeselect 下拉树 只能选择第N级元素

今天在项目中遇到一个需求,就是vue下拉树只能选择第三级选项,为了解决这个问题,查阅了官方文档https://vue-treeselect.js.org/#disable-item-selection然后看到isDisabled属性可以禁止选择,具体实现代码如下:<treeselect:disable-branch-nodes="true":norm...

2019-04-02 16:41:06

厉害了,flex布局

今天在修改项目bug的时候,遇到一个问题,说是热搜商品如果文字溢出的话就自动隐藏,之前用的方法比较老旧,今天尝试用了flex布局来实现,发现真的挺简单的。之前的bug如下图之前的代码如下:<p><iv-for="iteminkeywords"@click="$router.push({name:'searchGoods',query:{...

2019-04-02 10:47:44

CSS 网格布局

<divclass="container"><header>Header</header><nav>Nav</nav><main>Main</main><aside>Aside</aside><footer>Footer&lt...

2019-04-01 13:45:30

css3画步骤条 矩形向右箭头

要实现的效果如图:代码如下:<template><divclass="page"><divclass="title">我要开店</div><pstyle="padding-top:25px;">一个身份只能开一家店;开店后店铺无法注销;申请到正式开通预计需1-3

2019-02-21 09:06:30

解决图片上传 显示图片慢的问题

问题描述:点击上传图片到服务器,接口回调成功,预览图片时加载慢原因:从服务器上下图片跟网络有关解决问题:上传图片成功预览本地图片//上传文件接口uploadPic(event,num){varthat=this;varimgSrc=null;varsetImgSrcHandle=null;varf...

2019-01-31 17:08:34

vue Treeselect 下拉树选择 问题总结

 情况:解决方法:截图:问题二:只能选择最小分类如图:问题三:显示分类的个数

2019-01-31 15:35:21

vue Treeselect 下拉树选择框出现unknown问题

如何安装自行百度引用 之前遇到的情况是一直显示unknown,查阅资料之后,才知道,当下拉树是单选的时候,绑定的值设为null,必须是null,不能是‘null’,初始化的时候才不会出现unknown还有就是在normalizer中要处理下空节点 options的值是个树形结构的数组,normalizer属性,是用于转换options的值的,把options的值...

2019-01-30 14:37:33

vue&element-ui搭配使用rules表单校验规则

 验证手机号&邮箱的写法data(){varcheckPhone=(rule,value,callback)=>{constphoneReg=/^1[3|4|5|7|8][0-9]{9}$/if(!value){returncallback(newError('手机号不...

2019-01-15 10:43:02
奖章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周上午根据用户上周的博文发布情况由系统自动颁发。