- 博客(17)
- 收藏
- 关注
RSS订阅原创 Vue3，使用shaka -player，支持hls视频格式
Vue3，使用shaka -player，支持hls视频格式。Shaka Player 是谷歌公司对外开源的一款javascript 类库，详细请看谷歌官方api文档。import shaka from "shaka-player/dist/shaka-player.ui.js";onst initApp = () => { if (shaka.Player.isBrowserSupported()) { initPlayer(); } else { console.err
2024-05-14 11:16:18
405
1
原创 vue3，父组件通过props传递异步数据，子组件接收不到问题
在父子组件传值时会遇到传的值是异步请求的数据，从而可能导致一些问题。父组件中发起请求拿到数据，将数据传给子组件，子组件onMounted生命周期却接收不到值（或者说只接收了父组件定义的初始值）。主要是因为父子组件的生命周期：思路很简单，就是初始还没获取到异步数据的时候，不让组件渲染，等拿到的时候再渲染组件。通过v-if控制子组件渲染，等拿到数据的时子组件就会渲染。可以认为是改变了父子组件的生命周期。但是这种方式有一个小问题，就是最终效果会显得子组件有些延迟才出现效果。因为异步数据是从后端的接口获取的，如
2024-04-23 16:04:11
1538
原创 el-tree树形组件懒加载
默认情况下 Tree 无法预知某个节点是否为叶子节点，所以会为每个节点添加一个下拉按钮，如果节点没有下层数据，则点击后下拉按钮会消失。，就证明该节点下没有子级。
2024-04-08 10:08:23
1130
2
原创 vue监听窗口切换
实现监听切出当前窗口，切回当前窗口调用方法。注意： 需要及时移除掉监听。比如说多次来回切换界面，多次切换不同的窗口，会导致时事件多次执行，影响性能。在组件销毁时移除监听。
2024-03-21 09:21:06
247
1
原创 vue权限管理，自定义权限指令
（本项目存在localStorage中，全局配置piniaPersistStorage: window.localStorage）在layout布局组件根据角色id获取用户权限，存放权限路由，权限菜单，权限按钮。layout.vue根据useLayout返回的menuList权限菜单进行渲染。把路由meta定义的操作显示到界面上，操作权限。修改权限后，用户登录后，获取角色id存储在本地。6、按钮控制（vue自定义权限指令）界面上的操作定义在路由meta上。1、路由定义界面操作。3、登录获取角色id。
2024-03-07 14:59:54
832
原创 高德地图JS API，添加多个不同层级的覆盖物点标记，使用本地图片作为点标记icon
添加多个不同层级的覆盖物点标记，使用本地图片作为点标记icon
2023-08-18 16:56:31
983
2
原创 Promise.all进行表单多选批量操作
let promise = function () { return new Promise((resolve) => { //接口 deleFilePermission().then((res) => { if (res.code === 200) { resolve();
2023-07-13 14:55:17
99
1
原创 let,const,var的区别
(1）块级作用域:es6新增了块作用域，块作用域由{ }包括,let和const具有块级作用域,var不存在块级作用域。(2）变量提升: var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。(3）重复声明: var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。(4)暂时性死区:在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区
2022-03-09 12:09:53
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人