一个女胖子的博客

最近搞了一套淘宝小程序配合淘宝店铺直接跳转，类似于扭蛋机那种机制，真是一路坎坷，一步一个坑，这里记录一下（前端）；

需求描述：下拉选框select支持分组（OptionGroup）多选，组内元素只能选择一个，（组外元素支持多选，组内元素支持单选，不支持多选）；解决方案根据on-select 和on-change返回值不同，并且on-select的返回优先于on-change的返回时间的原理，得到本次选中的元素和本次返回的结果。在根据当前选中的id找到当前元素的兄弟元素，将除自己的兄弟元素从选中的集合中删除，从而达到组内单选的效果；<Select v-model="runGroupTagList" style=

最近在做Angular项目到Vue项目重构迁移，之前Angular用的UI框架是NG-ZORRO，Vue现在用的是Iview； 但是当用Iview-modal 做表单或者条件校验时遇到了一个问题，当校验不通过时，点击确定，当校验不通过时，弹框也自动关闭了；解决方案方案一 （自用）利用Modal的slot,自定义写底部按钮，这样就可以避开组件内置的 @On-ok, @on-cancel；在按钮点击事件里面去做数据的验证，通过v-model控制模态框的显示与隐藏。 <!--解决弹框自动关闭--&g

前言今天做数仓需要个树形图，想着本来UI用的就是iView，不想再引入别的插件了，但是iView得Tree和产品要求的有些不一样。要求：要求前面要用加减号图标，不要箭头图标，要有同级虚线连接，需要可编辑、可添加、可删除节点；但是Iview貌似没有现成的配置，只有个添加、删除大致的配置，如图（一）；因此在参考几篇的帖子之后，决定用iView Tree强大的 render 改造一番；最终效果图 如图（二）代码部分<template> <div class="v-tree

最近修改一些老项目，好多组件里面引入图片的方式不太一样，总感觉自己没有好好总结过，今天有时间参考了几篇帖子，就总结一下；在总结之前看了一下vue-cli的文档，突然感觉之前可能是我忽略它了基本没有看过，官方文档这块写的清清楚楚，还是应该多看文档，天天看掘金、简书这些碎片化知识也不太好；Vue中静态资源引入机制Vue.js关于静态资源的官方文档静态资源可以通过两种方式进行处理：在 JavaScript 被导入或在 template/CSS 中被引用。这类引用会被 webpack 处理。诸

最近又读了一次Vue的官方文档，每次读感触都不一样，在看到禁用Attribute继承时有些不太理解，继而读了几篇帖子，突然意识到这不是平时面试时背的8种组件间的通信方式之一吗，但是项目中基本没用过；这里想归纳一下Vue组件间的几种通信方式，针对于一些难于理解的方式，之后会出具体的文章。概述Vue是数据驱动视图更新的框架, 所以对于Vue来说组件间的数据传递通信非常重要，那么组件之间如何进行数据通信的呢？在回答这问题之前我们要先了解组件之间都存在什么关系？在组件树中可以看到：AB、AC、AD、CE

问题场景：用iview框架开发后管系统，需要用到form表单功能，最后提交表单代码是：this.$refs.form.validate(......)但是代码报错：Property 'validate' does not exist on type 'Vue | Element | Vue[] | Element[]'.Property 'validate' does not exist on type 'Vue'因为第一次用TS也是很蒙，查找了网上大概思路就是validate() 并不是

前言（可不看）今天写一个简单的需求里面涉及到vuex，然后我想在组件中获取一个getters，就那么下手的一瞬间不知道怎么取了。很懵逼，迅速看了一下官网；还是基础知识不扎实，借着中午的休息时间总结一下vuex的基础用法，以及看官网不太好理解的modules,namespaces（朋友们你们也可以直接看vuex官网）。基础用法1. 安装注入import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {

前言最近用iview-admin做后台管理系统，遇到了个问题，列表页面点击进入详情页面编辑，编辑完成自动跳转到列表页，需要页面重新刷新请求列表（后管就是这么简单粗暴），然并卵~，再次回到列表页页面不会重新刷新；问题很好解决，因为iview-admin的路由设置会默认缓存页面notCache:false,因此我直接设置notCache:true就ok了，页面可以重新刷新。但是我觉得这个问题简单也不简单，所以参考网上一些文章加上自己之前遇到过得一些相似问题小结一下；针对不同的需求分为两部分：一、需求—

引言：刚刚开始入手iview,之前一直用element。慢慢摸索慢慢爬坑，今天说一下iview的select远程搜索相关问题；一、选择最后一个option会重复发送请求1. 问题如下图远程搜索出现对应的下拉选项接口请求正常，但是当我选择option的时候又会发送一样请求，由于接口传入的不是ID了所以会报错；重复请求报错了：研究了一下这个是iview框架的问题，就是选择最后一个选项会重复发送请求，那么怎么解决这个问题？网上查找了一下很多用的是节流函数，限定一个时间，只在时间内触发；我也试过了

最近被这套架构弄得有点晕乎，每次上线由于缓存带来不少问题。本来用gulp添加了版本号，但是由于项目特殊性并不是每次html都上传，造成gulp打包完，然后不用。针对这个问题解决过一次，但是昨晚上线又出现缓存问题，找了半天，发现是通过seajs引入的js没有添加版本号；把我查找的解决方案贴出来：seajs配置参数中有map属性为文件映射功能，其作用是通过seajs加载的文件映射为一个新的名称加载...

一直觉得daterangepicker是一个很完美的插件，但是事实证明再完美的插件也满足不了所有人的需求，我主要是做的使用两个单日历实现范围选择，借此也把我查到的我认为很好的文章分享一下：一般使用daterangepicker插件的初学者可能会遇到以下四个问题：日期范围选择实现单个日期时间选择使用两个单日历实现范围选择使用div代替input实现日期时间选择下面按照顺序可以分...

知识点1、Redux概念简述2、Redux的工作流程3、使用Antd实现TodoList页面布局4、创建Redux中的store5、Action和Reducer的编写6、使用Redux完成TodoList删除功能7、ActionTypes的拆分8、使用actionCreator统一创建action9、Redux知识点复习补充1、Redux概念简述由于React是一个视图层框...

首先引入ajaxFileUpload插件然后：//上传图片function uploads(){ var imgSrc = '', imgArr = [], strSrc = '' ; var file = document.getElementById("imgFile"); var browser=navigator.appName; var b_version=nav