vue学习
文章平均质量分 57
someWhere_weMeet
慢慢熬,总会熬过去的!
展开
-
element el-cascader-panel级联面板配合动态加载造成的问题
使用element的el-cascader-panel级联面板,正常使用的话,第三级会存在多余请求或者请求加载效果(不知道是不是我写法有问题)。目前百度的全是级联选择器,找不到级联面板的的内容,记录一下。<div class="addFormWrap"> <div class="addLeft"> <h2>选择类目</h2> <div c原创 2021-01-26 17:33:32 · 5741 阅读 · 4 评论 -
纯前端H5,利用html2canvas,base64转码,生成图片,解决iOS和安卓微信的坑,生成不全,空白,跨域等问题。
查阅很多资料后,几乎没有一个能完整解决问题的,都是东平西凑,各种调试才勉强解决生成图片的坑。因为canvas始终会跨域,一般都是通过设置后端,改的麻烦也不知道行不行,所以就前端自己想办法解决,绕过后端。canvas生成图片有要求,不可以是display:none;我是定位z-index负值,不设置透明度,除非你要生成透明的。先贴下代码:<!-- 遮罩层--商品分享海报 --...原创 2019-11-08 14:33:05 · 4852 阅读 · 5 评论 -
利用contenteditable模拟input/textarea的可编辑文本,placeholder,限制长度,自适应高度等。
html,css真是神奇。应产品需求。需要做一个自适应,内容完整展示的可编辑输入框。textarea,input都是不合适。如是发现html有个神奇的属性contenteditable。先看看效果:下面贴代码: <p class="bot-item buy-message flex-space-between"> <i>买家留言:</i>...原创 2019-10-24 16:41:16 · 1281 阅读 · 0 评论 -
Vue多级路由重定向以及父级样式丢失的问题。
公司整了一下午,被Vue的多级重定向绕晕了。回来静了下,终于解决了。好好记录下来。先看看html结构图上面这个是一级路由跳转的;下面这个是二级跳转的;需要注意:*** ***上图的标记1,to里加了'/',表示根据根路径跳转的;而下图的标记3,to没有加'/',表示根据当前页面的相对路径跳转的。这里借鉴了这位盆友的关于重定向redirect解读:https://blog.csd...原创 2019-07-25 21:45:28 · 2899 阅读 · 3 评论 -
Vue textarea超级简单实现文本框显示剩余可输字数
直接上代码。<template> <div class="wrapper"> <div class="parents"> <textarea placeholder="请输入您要填写的个性签名" maxlength="30" autofocus="true" v-model="val"></textarea>...原创 2019-08-04 20:04:31 · 2414 阅读 · 0 评论 -
借助js切割数组实现标签的上下2,3排列的特殊布局
先看看实现的效果:代码://根据后端返回数据长度分割数组function chunk(array, size) { //获取数组的长度,如果你传入的不是数组,那么获取到的就是undefined const length = array.length //判断不是数组,或者size没有设置,size小于1,就返回空数组 if (!length || !size || ...原创 2019-08-12 15:20:53 · 308 阅读 · 0 评论 -
利用css3实现进度条效果以及动态添加百分比。
项目过程中,开始使用了js的requestAnimationFrame方法实现进度条,但是在数据超级多的时候非常影响性能,如此改用css去实现,优化。先贴代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...原创 2019-09-11 14:33:12 · 4912 阅读 · 0 评论