grootbaby

cropperjs是一款非常强大却又简单的图片裁剪工具，它可以进行非常灵活的配置，支持手机端使用，支持包括IE9以上的现代浏览器。

Vue3 + Vite + ts引入本地图片单张图片导入多张图片导入背景图片引入

前端使用文件上传组件，上传电脑上本地文件，上传成功后，修改本地文件内容，提交上传会报错。

主要是使用 语法进行判断# start 这是正常的if判断# end 这是正常的if判断# start 标准的if else# end 标准的if else# start 标准的 if else if# end 标准的 if else if。

在Vue中，通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用的方式，有什么办法吗？

elementUI 框架，获取不到表格里面的某个元素的 id，但是 el-table 里有个 bodyWrapper 它指向的是 el-table 的表格内容部分，存在 scrollTop，scrollHeight 属性，所以可以用下面方法来实现滚动条在底部的效果。（备注： 需给对应的el-table 设置ref 属性，，本案例中ref 设置为editTable）另外，如果要在不同屏幕下表格高度需要适应屏幕的话，需要用到 window.onresize 函数。

当组件数据发生变化时，监听改变这个 el-cascader 的 key 值（this.resetCascader++）给组件设置 key（:key="resetCascader"），在data里面设置初始值为0。

element-ui 的官网是有属性的。el-table-colum 的reserve-selection属性el-table 的row-key属性

如果需要在 el-select 上面绑定整个 item 对象时，但是展示只显示 name 字段，会报如标题所示错误。el-select 标签添加 value-key 属性，且值为 item 中的唯一属性值，如 id。

基于qrcode.js二维码封装的vue组件.Latestversion1.1.3,lastpublished3yearsago.Startusingvue_qrcodesinyourprojectbyrunning`npmivue_qrcodes`.Thereare4otherprojectsinthenpmregistryusingvue_qrcodes.

代码】vue-quill-editor限制输入字数。

使用scope后formatter就失效了。使用intFormatter方法进行格式化处理。正常使用formatter。

代码】elementUI中el-tableformatter属性显示固定字数且超出省略号。

当地区数据比较多时，全部获取数据速度太慢，体验不太好，改为懒加载，一级一级选择地区就能很好避免速度慢的问题。首次加载第一级数据，给出所需要的参数，因为首次加载 node.value 没有值，据此判断是不是第一级数据。当点击最后一级的时候 label 后面不会转圈圈，并把相关值赋值到选择器上。编辑弹窗展示的时候，有时候并不能正确回显，取消展示或者改变 key 值。依次类推，拿到全部层级的 code 和 name 传给后端接收使用。获取倒数第二级的数据的 name。获取倒数第三级的数据的 name。

通过设置type属性：type="number"但是这种方式一般会影响样式，不建议使用，如图：通过绑定值限制的方式：v-model.number="ruleForm.phone"但是这种方式会限制一般的数字，但是会影响 maxlength 属性，并且 e 是可以输入的，一般情况可以使用，严格限制的话不建议建议使用通过对绑定的 value 值进行正则限制：οnkeyup="value=value.replace(/[^\d]/g, ' ')"绑定一个onkeyup监听事件， /[^\d]/g 是用来匹配

参数 "1" 就是添加的自定义参数。多个上传组件也可以传入下标来区分当前使用的 upload 组件是哪一个。

this.$moment().subtract(10,'days').format("YYYY-MM-DD");//当前时间往后推10天。this.$moment(value).format("YYYY-MM-DD")//格式化指定日期value的格式年-月-日。()//获取当前月第一天是星期几this.$moment().format('MM')//获取当前月份。this.$moment().format("YYYY-MM-DD")//获取当前日期。...

使用 qrcodejs2页面引入页面标签可以使⽤ id 或者 ref，建议使⽤ ref，因为使⽤ vue 框架控制虚拟 Dom 才是正确的选择简单⽅便参数说明OptionsEvents

qrcodejs2 生成自适应宽高的二维码

<el-upload class="annaul-ticket-imgs" :class="{ 'hide-upload-btn': hideUploadBtn }" :headers="{ token: token }" :action="ATactionUrl" list-type="picture-card" :on-success="uploadImgSuccess" :on-remove="uploadImgRemove" :before-upload="u.

// 折叠所有节点setAllFold() { for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) { this.$refs.tree.store._getAllNodes()[i].expanded = false; }},// 展开所有节点setAllExpand() { for (var i = 0; i < this.$refs.tree.store._getAllNod.

同一局域网访问本地 Vue 项目需要访问电脑需要在同一局域网下 | | 连同一个WiFi，这个就不说了吧。懂得都懂。调试机 ip：192.168.30.100，将 192.168.30.100 改为你自己本机 ip 就OK。不需要修改配置文件重启本地环境：yarn run dev --host 192.168.30.100 （ 加红的 yarn 是关键，不要尝试用 cnpm 或者 npm ）需要修改配置文件方法一：在 config/index.js 文件中找到 h

<el-select v-model="dialogForm.id" placeholder="请选择" @change="filterData"> <el-option v-for="item in Options" :label="item.name" :key="item.id" :value="item.id" ></el-option></el-select>filterData(e) { l...

vuex中 store.dispatch() 与 store.commit() 方法区别this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给 vuex 的 mutation 改变 statethis.$store.dispatch() ：含有异步操作，例如向后台提交数据，写法：this.$store.dispatch(‘action方法名’,值)this.$store.commit()：同步

JS 用户信息脱敏显示星号姓名脱敏formatName(name) { // 姓名脱敏中间字符 let newStr; if (name.length === 2) { newStr = name.substr(0, 1) + '*'; } else if (name.length > 2) { var char = ''; for (var i = 0, len = name.length - 2; i &lt

Vue mixins 混入1、mixins 含义mixins 就是混入,就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改，mixins 是一种分发Vue组件中可复用功能的非常灵活的一种方式。一个混入对象可以包含任意组件选项。比如组件的生命周期，data() { return{} }，methods 方法等，凡事能在组件上编写的都能在 mixins 中定义。2、什么时候使用Mixins页面的风格样式不同，但是执行的方法和需要的数据类似，这时候我们就可以把公共

要实现一个锚点定位的效果，传统方法是用 a 标签的 href 属性和 id 属性来做。不过并不能达到想要的效果，在Vue项目中，使用传统的在a标签的href属性中写id的方法无效，会导致浏览器的地址改变从而跳转到其他页面。vue-router 用的是 hash 模式，不能使用传统 a 标签的方式来做锚点定位。经过各种百度，发现好多用的是以下方式，但是经过实测并没有用，没有实现定位。（希望有大佬指导下）document.body.scrollTop = this.$el.queryS

这是因为 iOS15 系统字体bug ，在根节点上加上如下代码，问题解决.container { font-family: Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', STXihei, 'Microsoft YaHei', SimHei;}

Vue 解决路由跳转页面不刷新的问题问题：通过路由传参跳转界面，页面没有刷新（或者跳转同一个页面，页面不刷新）（或者 this.$router.replace || this.$router.push 路由跳转不刷新）解决方法：在 router-view 中加 :key="$route.fullPath"<router-view v-wechat-title="$route.meta.title" :key="$route.fullPath" v-if="$route.m

微信公众号使用 wx-open-launch-weapp 开放标签跳转小程序注意事项微信开放标签有最低的微信版本要求，以及最低的系统版本要求。微信版本要求为：7.0.12及以上 系统版本要求为：iOS 10.3及以上、Android 5.0及以上使用步骤1. 绑定域名微信安全域名只能修改绑定3次/每月登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。2. 引入JS文件在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.co

// 判断是否含有特殊符号let reg1 = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im// 判断是否含有emoji表情let reg2 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\.

官网：http://html2canvas.hertzen.com/1、安装：npm install --save html2canvas2、引入：import html2canvas from "html2canvas"3、将特定内容转成图片　　特定内容包裹的 div 添加 ref 属性标记<div class="container" ref="imageDom"></div>/*** 将页面指定节点内容转为图片 */generat..

this.router.go(0) 和 window.location.reload() 都是刷新当前页面的方法Vue 写H5页面时，用 this.$router.go(0);方法刷新当前页面，在苹果手机失效，安卓、pc、开发工具等都可以改用window.location.reload()问题解决！...

进入页面前获取上个页面的值，并赋值，但打印出来是 undefinde。明明在上个页面是有值的，但在内部获取不到外部的this，方法、变量等都获取不到后来发页面，beforeRouteEnter 是页面进入之前调用，所以取不到实例beforeRouteEnter和beforeRouteLeave 通过 vm 访问组件实例beforeRouteEnter(to, from, next) { next(vm => { // 通过 `vm` 访问组件实例 if(from...

data() { return { isAvailable: true, totalTime: 2, // 倒计时时间 btnContent: '下一步', btnDefault: '下一步', clock: null, };},countDown() { if (!this.isAvailable) return; this.isAvailable = true; this.btnContent = `${this.btnDef..

最近在写一个数组渲染时，对拿到的源数据数组经过排序后，正常运行却出现爆红：代码如下：各种度娘后你的确导致了一个无限循环， 因为array.sort()改变了数组自身，导致了过滤器又一次被触发。确保在副本上对数组排序：return value.slice().sort(...)数组方法array.slice()用法：slice()方法会浅复制（shallow copy）数组的一部分到一个新的数组，并返回这个新数组。技巧：处理类数组对象slice...

原因:ajax 跨域请求，请求头不传 token 时，所有浏览器都能成功，在请求头中传 token，在谷歌浏览器正常，在ie浏览器报错，因此可以得出是请求头 token 的问题

Vue 过滤器 filter简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变成‘Hello World’，那么可用过滤器给值‘Hello’后面添加上‘World’；或者把时间节点改为时间戳等等都可以使用过滤器。首先，过滤器可在 new Vue 实例前.

toIndex: function(){ this.$router.push("/?linkParam="+ localStorage.getItem("id"));}this.$router.push()方法只有一个参数的时候，代表跳转地址，还可以增加参数传值。写法：this.$router.push({name: "toLink", params: {'id': data.id, 'title': data.title}});接收参数：this.$route.params.

输入框中小写字母自动转换为大写网站地址：我的个人vue+element ui demo网站 github地址：yuleGH github 过滤器实现 <html><head> <title>测试</title></head><body><div id="app"> <input id="val1" v-model="value1"> <br/&g...