vue
wei佳
这个作者很懒,什么都没留下…
展开
-
el-table分页多选功能
【代码】avue 表格树结构懒加载解决子节点刷新的问题。转载 2023-03-02 14:31:04 · 175 阅读 · 1 评论 -
Page页面生命周期函数执行顺序
uni-app 生命周期函数执行顺序转载 2022-11-26 18:18:58 · 1491 阅读 · 0 评论 -
js树形数据搜索 根据子节点找到父节点 给子节点种上父节点标识,方便找到顶部菜单标识
【代码】树形数据搜索 给子节点种上父节点标识,方便找到顶部菜单标识。原创 2022-11-03 14:11:01 · 215 阅读 · 0 评论 -
相对于Vue 2,Vue 3的生命周期函数变更
【代码】相对于Vue 2,Vue 3的生命周期函数变更。转载 2022-10-31 11:06:45 · 118 阅读 · 0 评论 -
js从一个数组(数组对象)中删除另一个数组(数组对象)中存在的元素
【代码】js从一个数组(数组对象)中删除另一个数组(数组对象)中存在的元素。原创 2022-09-21 16:36:24 · 3889 阅读 · 1 评论 -
VUE数组根据ID相同,对 value进行累加以及数组去重
js算法转载 2022-06-14 15:45:52 · 2396 阅读 · 0 评论 -
webSocket组件封装
<template> <div class="webSocket" /></template><script>import store from '@/store'export default { props: { uri: { type: String, default: '' } }, data() { return { webSocket: null, // webSoc原创 2022-05-19 21:42:32 · 400 阅读 · 0 评论 -
vue解决 element分页:删除最后一页的所有数据后(包括批量删除),刷新后数据表格为空。(前端、后端两种方法)
表格第二页只有一条数据,这时删除后,拉取刷新表格,发现表格分页跳到第一页,但是总数是20条,页面也没数据,这其实是分页的current值还是2导致直接上代码 handleDel(taskRow) { this.$confirm('此操作将删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then((原创 2022-05-12 19:22:23 · 2901 阅读 · 1 评论 -
vscode vue react 路径跳转 配置 jsconfig.json
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclude": ["node_modules"]}配置以后就可以 点击跳转 函数引用,组件什么的都可以...原创 2022-03-03 16:03:26 · 640 阅读 · 0 评论 -
二次封装input
//父组件<template> <div id="app"> <h-input v-model="name" /> </div></template><script>import hInput from "./views/demo/index";export default { name: "App", data() { return { name: "", }; }转载 2022-02-14 10:20:06 · 328 阅读 · 0 评论 -
前端通过后端返回文件流下载文件
// 把文件流下载下来const downloadMethods = (name, res) => { const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }) const link = document.createElement('a') link.href = URL.createObjectURL(blob)原创 2022-01-20 20:58:38 · 996 阅读 · 0 评论 -
VUE输入 身份证 号,获取出生年月日
获取方式 handleIdCard(val) { // this.rowData.dateOfBirth = this.getBirthdayFromIdCard(val) if (val) { this.rowData.dateOfBirth = dateFormat(this.getBirthdayFromIdCard(val), 'yyyy-MM-dd hh:mm:ss') } else { this.rowData.dateOfB原创 2022-01-17 12:15:56 · 2283 阅读 · 0 评论 -
VUE. autocomplete option框样式修改
.shipping_autocomplete >>>.el-popper[x-placement^=bottom]{ width:500px !important; }.shipping_autocomplete >>>.el-popper[x-placement^=top]{ width:500px !important; }原创 2022-01-14 18:43:12 · 424 阅读 · 0 评论 -
VUE 监听多个参数变化,用于多个条件任意一个变化触发事件
computed: { // 监听以下参数变化 arguments() { const { shipCoId, shippingAgentId, configType, type, shipCoName } = this return { shipCoId, configType, type, shippingAgentId, shipCoName } } },.原创 2022-01-12 16:38:06 · 1109 阅读 · 0 评论 -
数据根据某一个相同的字段值进行分类(两种方法)
比较懒 直接复制了这两位兄弟代码,无恶意 只是留个参考,有需要可以删除转载 2022-01-11 22:54:15 · 508 阅读 · 1 评论 -
vue表格分页勾选状态保留
/** 解决当前页面搜索后依然保持表格多选状态 * currentPageData 当前页所有数据 * currentPageSelected 当前页已选数据 * currentPageNotSelected 当前页未选数据 * */ resolveAllSelection() { const currentPageData = (this.$refs.tableReff.getTableDat..原创 2022-01-07 14:58:30 · 811 阅读 · 0 评论 -
el-input-number change传参数
<el-input-number v-model="scope.row.number" style="width:100px;" :disabled="isDisabled" class="addpp-input-number" size="mini" :min="1" label="数量" @change="(currentValue, oldValue,)=>{inputNumberChange(currentValue, oldValue,sc原创 2022-01-06 14:51:51 · 2949 阅读 · 2 评论 -
采用虚拟列表umy-UI 后自定义表格排序
sortChange({ column, prop, order }) { // prop:排序的字段、order:升序(ascending)、降序(descending)、取消排序(null) const copyTableDate = deepClone(this.tableData) let reserveData = [] // 过滤后保留的数据 const filterData = [] // 过滤掉的数据 c...原创 2022-01-05 16:41:33 · 1018 阅读 · 3 评论 -
解决虚拟渲染大数据表格无法使用ctrl+f搜索,自己模拟一个
⚠️⚠️⚠️⚠️⚠️⚠️注意。mac、win、上面监听按键是有差异的,比如(e.key === ‘Meta’) || (e.key === ‘Control’),谷歌浏览器和qq浏览器、edge浏览器也有差异e.key === ‘f’ || e.key === ‘F’。,大小写created() { window.addEventListener('keydown', this.keydown) window.addEventListener('keyup', this.keyup)原创 2021-12-29 18:59:00 · 1246 阅读 · 0 评论 -
VUE 表单提交按钮防抖 踩坑
//。为了提交防止多次点击调用接口 handleSubmit() { this.btnLoading = true this.$refs['formDataRef'].validate((valid) => { if (valid) { API()//保存调用接口操作 } else { this.btnLoading = false } }) },下面这种写法 会因原创 2021-12-09 16:55:52 · 395 阅读 · 0 评论 -
级联地址选择、懒加载数据回显
// An highlighted block/** * 树形数据搜索(广度优先遍历) * @param {arr} tree * @param {name} string * @returns {obj} */export function breadthSearch(tree, path) { let stark = [] stark = stark.concat(tree) while (stark.length) { var temp = stark.shift()原创 2021-11-23 16:22:31 · 433 阅读 · 0 评论 -
解决 vue 开启keep-live 监听键盘事件无法移除监听, 同时是自定义vue的 ctrl+f 功能
解决 vue 开启keep-live 监听键盘事件无法移除监听前言不要去想什么在keepalive 生命钩子里面移除监听,我试了,没用!! 我这里是自定义写了一个ctrl+f 的功能,监听的是键盘事件,因为是mac os 所以是 if (e.key === 'Meta') // 键盘ctrl 我这里是 commond(mac) if (e.key === 'f') // 键盘f回归正题,用路由判断监听事件!!!代码如下(示例): mounted() { windo原创 2021-09-29 00:46:03 · 709 阅读 · 0 评论 -
深度比较两个对象是否相等
/** * 深度比较两个对象是否相等 * @type {{compare: compareObj.compare, isObject: (function(*=): boolean), isArray: (function(*=): boolean)}} */var compareObj = { // 比较两个对象是否相等 compare:function (oldData, newData) { // 类型为基本类型时,如果相同,则返回true i.转载 2021-07-28 22:57:32 · 303 阅读 · 2 评论 -
前端Vue中常用rules校验规则:
前端Vue中常用rules校验规则:1、是否合法IP地址:pattern:/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/,2.是否手机号码或者固话pattern:/^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/,3. 是否身份证号码转载 2021-05-15 15:26:59 · 489 阅读 · 0 评论 -
清晰理解vue2与vue3怎么使用
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、创建一个 template二、建立数据 data三、Vue2 对比 Vue3的 methods 编写总结前言关于Vue3的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。一、创建一个 template组件来说,大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments),就是说在组件可以拥有多个根节点。这种新特性可以减少很多组件之间的div包裹元素。在开原创 2021-04-12 23:32:04 · 760 阅读 · 0 评论