logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

template的作用

vue开发中经常会用到template,这里记录一下他的作用:template的作用是模板占位符,可帮助我们包裹元素,但在循环过程当中,template不会被渲染到页面上

vue3 form 报错: please transfer a valid name path to form item

最近vue3着实很火,但很多伙伴在用的时候发现很多坑,比如说上面这个报错please transfer a valid name path to form item!为什么会出现这个问题呢,我是在使用antd的动态增减表单(循环)的时候报了这个错误,搞了很久才找到根本原因。原因:你的formItem的name属性没有和数据输入(input)框关联起来,导致表单规则校验一直报错解决方法:因为出现这种

#vue.js#前端#javascript
vue实现div可拖动位置也可改变盒子大小

以下是效果图:实现了div盒子在固定区域的拖动,也可改变盒子的高度和宽度,当超出边距后无法继续改变大小这里说一下大致原理:拖动和改变大小是分开来操作的,接下来分别说一下盒子拖动这里用到了js的三个鼠标事件,分别是onmousedown(鼠标按下)、onmousemove(鼠标移动)以及onmouseup(鼠标松开),大致流程就是鼠标按下拖动图标进行拖动时,动态获取当前div的left和top再重新

v-for遍历数组和对象

vue初学者在使用v-for属性时可能不能区分数组遍历和对象的遍历,这里做一个记录:v-for指令是用来遍历 数组、对象以及整数的,下面依次讲解遍历数组v-for最常用的可能就是用来遍历数组,接受两个参数(item, index),item为遍历出的每组数据,index为每组数据的索引,可做唯一标识<div id="demo"<el-span v-for="(item, index)

vue 自定义验证规则rule只能为数字

vue中自定义rule进行校验input框只能为数字vue<el-input v-model="age" maxlength="3"/>jsconst isNum = (rule, value, callback) => {const age= /^[0-9]*$/if (!age.test(value)) {c...

vue 自定义验证规则rule只能为数字

vue中自定义rule进行校验input框只能为数字vue<el-input v-model="age" maxlength="3"/>jsconst isNum = (rule, value, callback) => {const age= /^[0-9]*$/if (!age.test(value)) {c...

百度地图绘制自定义区域

使用百度地图开发中碰到需要在地图上自定义选择某个区域,并且可以改变区域大小,然后进行某些操作。这里用到了百度地图GL版的开源工具库BMapGLLib的自定义绘制功能,详情可查看https://github.com/huiyan-fe/BMapGLLibcode:<!DOCTYPE html><html><head><meta http-equiv="Con

vue实现两个区域滚动条同步滚动

项目开发中,遇到一个比较两个form差异的需求,但当item过多就需要滚动条,这里就用到了滚动条同步的地方,其实原理和git的差异比较差不多,这里来做一下分析。

lodash学习笔记—— 数组去重

数组去重除了使用js自带的set方法,还可以用lodash的uniq方法:eg:const num = [1, 2, 3, 4, 4, 3];const differNum = [...new Set(num)];console.log(differNum);// [1, 2, 3, 4];但当数组为数组对象时,set方法便不能进行去重,eg:const list =...

draggable拖拽组件使用

项目开发中需要用到拖拽组件,因为前端技术框架是vue,这里就使用了vue的一款拖拽插件vue.draggable,一般基本的需求都能满足,这里使用了多个draggable嵌套,达到两级之前相互拖拽的功能。以下是类似teambition的效果图片,最外层为一个draggable,可以左右拖动,然后每个块里面还有小块,小块组成一个draggable,可以上下拖动,也可以在大的块之间拖动。这里说一下实现

到底了