Sunny_lxm的博客

vue+antdesign表单校验，表单可以使动态循环遍历生成的表单可以是单个表单，单条a-form-model-item中有多个需要校验的字段同时校验；表单多个字段校验时相关联

vue3+cli4运行项目报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'

vue项目嵌入安卓，实现app热更新

代码部分<!---HTML部分----><el-tabs v-model="editableTabsValue" type="card"> <el-tab-pane :key="index" v-for="(item, index) in editableTabs" :label="item.title" :name="String(index)"> <el-form :model=

样式没有多做调整，想要什么样式自己可以添加css<!-- vue循环实现多个下拉菜单 --> <div @click="hideArr"> <ul class="con_ul"> <li v-for="(testArr,t) in testArrs" :key=t @click.stop="selLi=t" ...

需要注意的是：跑马灯标签的父级不能使用v-show.如果需要判断的可以使用v-if。因为如果他的父级使用了v-show，那么跑马灯的标签就不起效果了。<ul> <li style="width:100px;border:1px solid red;" v-for="(item,index) in walkingist" :key="index"...

坑1：使用文本编辑器的时候，文本编辑器会不现实-->解决方法：在执行完获取列表以后，我添加了一个延迟函数，其实代码可优化成执行完获取列表这个函数以后再执行编辑器的这个方法。坑2：因为是在表格中使用，通过后台返回的state值来来判断富文本的现实与否，这样就会出现“The given range isn't in document.”-->因为坑一中添加了延迟函数，这样就是报...

this.$set(this.data,”key”,value’)给 i 这个i:{ "color": "#7b2aaa", "value": "1", "content": "{{productType.DATA}}"}添加一个键值对this.$set(i,'colorShow',false);//自定义添加字段--颜色box的显示和隐藏执行this.$set(i,'color...

本文介绍jquery/js获取当前页面url地址的方法，在jquery与js中获取当前页面url方法是一样的，因为jquery没有自己相关的函数，使用js 的windows方法来获取，相关方法如下：window.location.pathname　//设置或获取对象指定的文件名或路径window.location.href　//设置或获取整个 URL 为字符串window.locati...

/** * 常规name正则 * @type {RegExp} */export const COMMON_NAME_REGEXP = /^[^&=~‘’！·|^/<>%!+*\\.'`]*$/;/** * 常规URL * @type {RegExp} */export const COMMON_URL_REGEXP = /(http|https):\/...

在项目中“返回首页”按钮存在多个页面中，现在的需求是对couponsActive该路由下点击“返回首页”的时间跟踪，其他页面不进行统计

(1、)利用vue的directives。。。。。。如下： <!-- 下拉菜单 --><div class="select" v-clickoutside="handleClose"> <el-button @click="manageUser">{{choseOpt}}</el-button> <ul clas...

（1）删除指定下标的itemarr.splice(index,1);(2）删除对象数组中具有指定属性的多个itemlet arr = [ {id:1,name:'Tom',sex:0}, {id:2,name:'Jerry',sex:1}, {id:3,name:'Danny',sex:1}, {id:4,name:'Jenny',sex:0}, {id:6,na...

原生JSforEach()和map()遍历共同点： 1.都是循环遍历数组中的每一项。 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。 3.匿名函数中的this都是指Window。 4.只能遍历数组。一：map() 不改变原始数组有返回...

一个等号是赋值操作，==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。=== 判断规则如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断）如果两个都是字符串，每个位置的字符都一样，那么[相等]；否则[不相等]。如果两个值都是true，或者都是fal...

参考网址：1、https://www.jianshu.com/p/1432e0f29abd 总的14.3/2、https://blackstar.coding.me/2018-08-23-arraybuffer-to-base64orblob.html3、https://blog.csdn.net/dongxingpeng/article/details/83143977此网...

一：webkit下面的CSS设置滚动条主要有下面7个属性::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track-piece 内层滚动槽::-webkit-scrollbar-thumb ...

另一种获取光标的方法见文章https://blog.csdn.net/Sunny_lxm/article/details/89445518（一）、单元素效果： <!-- 单元素获取光标位置 --><div class="el-textarea"> <textarea v-model="content" id="textarea" typ...

<template> <div style=""> <div class="editor" style="width:500px;"> <div id="editorElem" style="text-align:left"></div> </div> ...

if：1、具体的值进行判断2、区间的判断3、对运算的结果是boolen类型表达式进行判断trueflashswitch：1、对具体的值进行判断2、值的个数是固定的对于几个固定的值判断，建议使用switch 语句。因为switc...

对图中的事件1,2,3进行事件跟踪改前提是我已经在项目的入口文件里面添加了百度检测的代码，然后我在事件所在的页面进行事件跟踪在对应的点击事件中添加其余两个事件同样添加事件追踪代码即可showAllRule(){ this.$refs.modalRules.show(); _hmt.push(['_trackEvent', 'Pop-up', 'clic...

1.网页中指定的网页进行统计。注意：我是在入口文件里添加的代码,然后对指定的页面进行检测统计。router.afterEach((to)=>{ // console.log(data) //百度统计生成的统计代码直接粘贴过来........ //对指定的页面进行检测统计 我这里使用的路由的name，也可以使用path to.path == '/coupo...

（1）代码基于vue和elementui框架 el-checkobx效果图1 页面初始状态效果图2 选中一个状态效果图3 切换状态//html部分<el-checkbox-group :value="templateOne" @input="templateOne = $event.slice(-1)"> <el-checkbox v-for="(con...

动态添加可以采用：class 也可以采用：style但是在一个长期维护的项目里面：style行内样式尽量避免。<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名， 第二个参数：bo...

@方法1git branch -r 查看远程所有分支git fetch origin 远程分支名X:本地分支名X（这个地方我习惯把本地分支名起名和远程分支名一致）使用该方式会在本地新建分支x，但是不会自动切换到该本地分支x，需要手动checkout。git checkout  本地分支名X @方法2git checkout -b 本地分支名x origin/远程分支名x...

 原型图：这样在点击去定按钮的时候就要把phone  phsh 到phones这个数组中，并在黄色区域内显示。这样就需要尽享手机号的验证。要验证是哪个方面：1、手机号的格式，2、添加多个手机号的时候验证一下是否有手机号重复，3、验证phone是否为空。这里在验证手机号是否重复的时候用到数组的一个方法：includes（）方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则...

在vue的生命周期中封装一个方法：//节流函数 throttleV1(method, context) { clearTimeout(method.tId); method.tId = setTimeout(function() { method.call(context); }, 300); },调用接口的部分无...

首先打印一下console.log(String.prototype.split);看是不是一个函数再者split（）是针对字符串的一种方法，首先要确保你要切割的是字符串，如果不是就要转换成字符串 一开始用 let c = this.cardInfos.created.toString().splice("."),然后继续报错报错如下： 这样就下定义一个变量来装...

求助：在全局已经注册了在某一个组件中使用后就报错了这是因为在使用编辑器是时候，装他的body没有加载完成。第一种解决方法：网上给出的 window.load = function(){} 确实可以解决此问题但是我用这个方法好像并没有解决这个报错我在获取到数据后使用了一个延迟函数setTimeout(()=>{ this.get...

之前记录了一个v-for循环的动态切换class，现在记录一个非循环的一、（非循环）html代码其中shows四在data中定义的一个初始值，我所定义的-1是，初始状态谁都不选中，如果想初始状态是选中的就直接shows=1/shows=2就可以了（二、循环元素）效果如图 数值是动态复制的html:<template v-for="tab in ta...

需求情景：我要从模板列表页跳转到编辑页，在编辑页面我要获取到对应的id，传给后台，以获取对应的模板详情html部分@1、这里使用了插槽，当点击对应行的时候，会获取对应行的数据和下标@2、:header-cell-style="{color:'#333'}"可以更改头部table的样式:header-cell-style="{color:'#333'}"@3、跳转路由时传参...

下载文件第一中情况就是直接下载，点击即可下载第二种情况：在下载之前有类似于弹窗操作或者二次确认这样的情况首先针对第一种情况，可以直接利用a标签<a href = http://192.xxx.1.xxx +'/api/wechat/v2/records/' + this.id +'/export';></a>针对第二种情况//点击只有出现弹窗 二次确认 &l...

1.使用in关键字。该方法可以判断对象的自有属性和继承来的属性是否存在。var o={x:1};"x" in o; //true，自有属性存在"y" in o; //false"toString" in o; //true，是一个继承属性2.使用对象的hasOwnProperty()方法。该方法只能判断自有属性是否存在，对...

this.$route.name问题背景：在当前项目中，1处按钮是公用按钮，需求是在指定的页面点击“返回首页”时，获取该指定页面的name值methods:{back(){ console.log(this.$route.name) this.$router.push({name:'memberCenterIndex'}); }}打印一下可以看到当前...

注意：正式包使用正式服 测试包使用测试服1.全局搜索，然后将红框中的测试地址打开，注释掉正式地址2.执行打包命令 这个项目子项目中使用的yarnyarn release3、找到打包好的文件 4.打包5.将压缩包发给后台，打包结束。6.将测试版地址换...

步骤一：点击导入用户 ---->步骤二步骤二：出现选择弹窗---选中后接步骤三步骤三：在确定选取的文件后出现二次确认弹窗点击取消后取消上传文件。点击确认 手动上传成功<template> <div> <h4>临时文件</h4> <el-table :data="gro...

有两种方法，方法一我觉得更复杂一些。本人更偏向方法二方法三十针对循环的textarea 进项的添加字段。另外两中方法见获取光标的应用的其他两种方式https://blog.csdn.net/Sunny_lxm/article/details/100121223(一) 改代码只能实现单个textarea中插入文本，如果是对遍历的元素，暂不可行，有待优化，如有大神看到请指教哈~~~...

1、思路：将初始值 rawData 拿到后，自动以一个变量 saveDataTwo= 初始值；页面进行循环saveDataTwo，将里面需要回显的value值取出来赋值给自定义的变量 saveDataTre2、在取消编辑时 ： saveDataTre = saveDataTwo；3、确定编辑时 ： saveDataTwo= saveDataTre4、最后确定全部编辑完成时 调...

项目需求：判断对象数组中的value属性是否为空，如果全部为空显示“ + 内容 ”；只要对应行的[] 中{}的value有一个不为空就显示文本框，文本框中的文字是对应该所有value值的拼接。最终效果如图：最终效果图​​​<template> <div> <h4>临时文件</h4> <el...

下拉菜单，我需要实现连续插入同一个选项（这里我在项目找那个用的是字符串拼接），实现连续点击某一个选项能连续插入到下面的文本框中。这样就不能使用v-model，改用:value；change事件改用成options的点击事件这样在连续点击同一个时候也能触发change事件了<template> <div> <h4>临时文件&l...