组件
wei佳
这个作者很懒,什么都没留下…
展开
-
el-table分页多选功能
【代码】avue 表格树结构懒加载解决子节点刷新的问题。转载 2023-03-02 14:31:04 · 204 阅读 · 1 评论 -
Page页面生命周期函数执行顺序
uni-app 生命周期函数执行顺序转载 2022-11-26 18:18:58 · 1516 阅读 · 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 · 502 阅读 · 0 评论 -
vue解决 element分页:删除最后一页的所有数据后(包括批量删除),刷新后数据表格为空。(前端、后端两种方法)
表格第二页只有一条数据,这时删除后,拉取刷新表格,发现表格分页跳到第一页,但是总数是20条,页面也没数据,这其实是分页的current值还是2导致直接上代码 handleDel(taskRow) { this.$confirm('此操作将删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then((原创 2022-05-12 19:22:23 · 3042 阅读 · 1 评论 -
二次封装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 · 341 阅读 · 0 评论 -
VUE 监听多个参数变化,用于多个条件任意一个变化触发事件
computed: { // 监听以下参数变化 arguments() { const { shipCoId, shippingAgentId, configType, type, shipCoName } = this return { shipCoId, configType, type, shippingAgentId, shipCoName } } },.原创 2022-01-12 16:38:06 · 1119 阅读 · 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 · 3027 阅读 · 2 评论 -
解决虚拟渲染大数据表格无法使用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 · 1281 阅读 · 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 · 443 阅读 · 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 · 751 阅读 · 0 评论 -
vue element-ui的table排序错乱问题,完美解决
表格组件排序是依赖绑定的prop的我这里prop是自定义的数据,解决思路,修改数据本身,添加自定义字段绑定prop如图:原创 2021-04-16 19:21:33 · 4316 阅读 · 3 评论