wocwin的博客

本文介绍了一个移动端悬浮框组件的实现方案，支持拖拽和点击跳转功能。组件封装了可见性、尺寸、文字、层级等参数配置，并通过touch事件实现拖拽功能，包含边界检测防止拖出屏幕。代码使用Vue实现，包含模板、逻辑和样式部分，支持自定义样式和事件回调。组件可灵活配置尺寸、位置和显示内容，适用于需要在移动端添加可拖动悬浮按钮的场景。文章还提供了相关组件库文档链接，便于进一步扩展使用。

本文介绍了TTable组件的实现，这是一个基于Vue的表格组件。组件支持可配置的表头(columns)和数据源(data)，提供max-height固定表头、高度调节(height)等功能。表格支持render函数和插槽(slot)两种自定义内容方式，并内置了行点击事件(rowClick)。源码实现包含表头固定、数据渲染、空状态显示等核心功能，采用sticky定位实现表头固定效果。组件设计简洁，支持响应式布局，适合在Vue项目中快速构建数据表格功能。

Vue2移动端（H5项目）项目封装switch组件支持动态设置开启关闭背景色、值及组件内显示文字描述、禁用、switch 的宽度

Vue 移动端（H5）项目怎么实现页面缓存（即列表页面进入详情返回后列表页面缓存且还原页面滚动条位置）keep-alive缓存及清除keep-alive缓存

微信公众号授权登录Vue H5项目并指定跳转到某一个页面进行操作（即通过微信授权登录获取url上的code，调用后台接口获取access_token）

前端代码审查（Code Review）---具体实践规范会持续更新

Vue H5项目，怎么引入uni.webview sdk，调用uni postMessage实现手机蓝牙连接打印功能（uniapp）

Vue H5项目，怎么引入uni.webview sdk，调用uni postMessage实现手机扫描功能

Vue项目解决van-calendar 显示白色空白，需滑动一下屏幕，才可正常显示

Vue项目商品购物车前端本地缓存逻辑（适用H5/ipad/PC端）——前端实现购物车删除商品、购物车增减数量，清空购物车功能、新增扫码枪扫码添加到购物车功能

vue项目如何使用链判断运算符 ( ?. )和Null判断运算符 ( ??）解决You may need an appropriate loader to handle this file type

Vue 项目路由、自定义指令、api方法自动引入资源（require.context使用）

keep-alive不能缓存多层级路由(vue-router)菜单问题解决

Vue 项目build打包发布到github pages ,刷新页面首页正常打开，子路由报错404的解决方法

Vue项目利用sass函数、变量、 for循环实现可移动的星空

vue2项目 axios二次封装，接口统一存放,满足RESTful风格（新增源码地址）

vue项目 解决el-table自适应高度,vue页面不显示多条滚动条，超出的部分让el-table内部出现滚动条（推荐使用第二种解决方案）

实现思路1.页面展示需要鉴权的所有按钮，需要先鉴权菜单权限的显示与隐藏。2.勾选每个角色或者用户所能看的权限保存在数据库。该权限数据是一个权限字段的数组。3.全局自定义指令（directive）控制按钮权限数据的方法，登入时获取后端传来的按钮权限数组。4.在每个按钮中调用该指令，并传入该操作的权限字段和后端保存的权限字段进行匹配，能匹配则该操作按钮可显示具体代码如下获取登录用户所有权限// 获取权限菜单(存在store下modules下user.js的actions中) getMenuT

vue项目 自己封装的组件没有发布npm如何在其他项目使用及组件如何注册

Vue项目 使用new Blob() 对后端返回文件流下载导出文件时不同文件类型的 type （zip/excel）值封装调用示例(即文件流转Blob格式实现下载excel或zip)

vue-cli3 vue项目 动态修改favicon.ico(浏览器顶部小图标)

vue项目keep-alive 点击tab标签（tagsView）缓存页面，点击左侧菜单清除单个缓存（新增源码地址）

vue el-table指定某些数据不参与排序（部分行不参与排序）

解决vue项目 el-table 根据查询条件后el-table-column数据没有更新（解决el-table里面数据没有实时更新）

一、需求：在后台管理系统中，删除及批量删除功能是必不可少。那么table最后一页所有数据批量删除或者单个删除，怎么自动回到上一页？二、解决方案如下： //判断数据是否可以满一页 isFillList () { const totalPage = Math.ceil((this.table.total - this.selectDelData.length) / this.table.pageSize) // 总页数 this.table.currentPage = thi