add-oil的博客

在当前项目目录下选择在终端中打开，试一下下面两个命令。node_modules太大删除不掉怎么办？

先整几个参考文档：wps开放平台开发文档：https://www.kdocs.cn/l/cmd0fQ9SjcsShttps://www.kdocs.cn/l/cvItn7DFoX99https://www.kdocs.cn/l/cqVyOOjyWmm8效果图：copy了个网上的效果图，本地项目的wps做的Linux国产化系统适配，打不开目前项目是中途需要使用wps相关功能，只能人工给他载进去，下面先说官网介绍的vue使用方式。如果是vue项目需要使用wps，建议在项目脚手架阶段就通过wps

效果图：如上，选完之后还是4-7号，解决方式，初始化绑定参数就好了，queryForm: { timeRange: [] },=获取本周一到当前天的日期===========created() { this.dictcode = Object.assign({}, this.dict) // 初始化开始时间和结束时间-本周一到今天止 var date = new Date() let endTime = this.timeFormat(date) let s

文档地址：快速进入基本步骤代码：npm install el-tree-transfer --save //下载依赖import treeTransfer from 'el-tree-transfer' // 引入// 使用树形穿梭框组件<tree-transfer :title="title" :from_data='fromData' :to_data='toData' :defaultProps="{label:'label'}" @add-btn='add' @remove

类似下面的效果：代码实现：beforeRouteLeave(to, from, next) { // main是包含列表的盒子容器类名 this.scrollTop = document.querySelector('.main').scrollTop next() },beforeRouteEnter(to, from, next) { next(vm => { setTimeout(() => {//一开始进来页面未渲染无法拿到元素进行scro

效果： <el-cascader v-model="ruleForm.zm1427" :props="defaultParams" :options="newDaType" :clearable="true" size="medium

效果图： <template v-for="(it,i) in item.rh10list"> <tr v-if="i%2===0" :key="i" > <td> <span

需要达到的效果：代码实现是用三元表达式判断不同类型给不同的颜色值，<bm-polygon v-for="(item, index) in towerLines" :key="index" :path="item" :stroke-color="coverColor" :fillColor="item.length<=0?coverColor:item[0].area_type==='1'?'

场景：在tab切换过程中每一个激活状态的按钮背景颜色不一样如图：1.2.3.代码实现：主要注意动态class的写法<div class="tab_box flex_dom flex_item_around flex_item_mid"> <span v-for="(item,index) in switchMapTab" :key="index" :class="[{activeTab0:chooseIn

vue使用Baidu Map（百度地图）插件开发实际应用中会出现检索完地址后，删除过快标记点无法及时清空的问题，类似：还有很多红色标记，实际输入框内搜索值已经清空了。解决方法，代码：定义一个v-if控制重渲染监听检索值，利用$nextTick()方法改变变量状态，控制地图重加载watch: { /** * *** * 解决地图检索值为空时,标记点未及时清空问题（此问题出现在输入框内容删除过快时） */ business_keyword: funct

Vue Baidu Map插件的官方文档地址：https://dafrok.github.io/vue-baidu-map/#/zh/search/local-search 快速进入举例样式：自定义覆盖区域，检索周边地点位置覆盖类型的地图：（使用文档内的多边形）代码参考：<div class="mapBox"> <div class="search-input"> <el-input v-model="b

正常模式的时候是这样的：// child:this.$emit('func', params)// parent@func='func(params)'然后父组件需要自定义参数的时候两种情况：①子组件传单一变量过来（数组，对象。。。）// child:this.$emit('func', params)// parent@func='func($event,params)'②子组件传多个变量过来（data1,data2,data3…）```javascript// child:

点击查看示例地址类型如下：下面是一个一般性的例子，很实用，快速查看

快下班了，长话短说局部代码：我之前是在key里面放了个input变量进去了，这确实也是个低级错误，但是此类问题的原因应该大同小异，就是v-for底层map循环的时候，key值发生了变化，导致dom更新，出现这个问题，去掉不确定性的key值绑定就好了所以，用key要谨慎啊！一不小心找bug就是半天过去了...

一，利用focus(),获取焦点直接跳转this.$refs.addForm.validate(async valid => { if (valid) { do something() } else { setTimeout(()=>{ var isError= document.getElementsByClassName("is-error"); isError[0].q

在使用elementUI的过程中，很多时候都会出现数据渲染不显示的问题（回写），其实之前在使用echarts时也有类似的问题。这次这个问题的关键就是同一个组件，在另一个系统中使用毫无问题，换一个系统，回写就问题来了，不显示，断点都打成扫雷了，很无奈。。。。。（其实多数这种情况都是Vue生命周期的问题，从这方面下手比较靠谱，———组件本身有问题除外）看一下我用的组件代码：<template> <div> <!-- 统筹区 --> <el-c

页面交互就是用户输完身份证，自动渲染性别和出生日期，减少用户 的琐碎操作，提升用户体验感。js代码：getIdInfo(cardNo) { var reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/; //验证身份证号码的正则 if(reg.test(cardNo)){ // 身份证号码是否合法 var birthday = ""; var gender = ""; var perinfo = {}; .