- 博客(7)
- 收藏
- 关注
RSS订阅原创 内容类nuxt框架项目总结（文字根据行数截取、Eventbus、视频时长第一帧获取显示、与原生交互、图片加载、公共方法封装等）
5.2 在 main.js 整体导入包含所有方法(变量)的模块(这里我们给它定义了 commonApi 的别名），然后挂载在 Vue.prototype上。手机端点击播放，视频全屏播放，退出全屏，停止播放（针对安卓端，ios端默认全屏播放）4. 图片加载失败占位图（vue3可用ant design vue的image组件）2. 视频显示缩略图（适配web端、安卓端、ios），获取视频封面第一帧。6.2 根据机型调用不同参数、调起app的方法。6.1 判断机型（封装公共方法）6.3 接收原生传过来的参数。
2024-01-09 15:37:53
535
1转载 vue3中 ref、reactive、toRef、toRefs的区别
vue3.0里给数据添加响应式有很多api可用，有时傻傻分不清，分享一下个人的理解。原文链接：https://blog.csdn.net/u010059669/article/details/112287552一、reactivereactive 用于为对象添加响应式状态。接收一个js对象作为参数，返回一个具有响应式状态的副本。获取数据值的时候直接获取，不需要加.value参数只能传入对象类型import { reactive } from 'vue'// 响应式状态con
2022-05-11 13:46:23
132
原创 数组\数组对象去重
数组对象去重 uniqueArrayStr(arr) { var result = [arr[0]]; debugger; for (var i = 1; i < arr.length; i++) { var item = arr[i]; var repeat = false; for (var j = 0; j <
2022-05-10 17:14:12
99
原创 动态内容不同分辨率展开收起效果实现
需求，不同分辨率下，都显示三行文字内容，超出三行显示展开按钮，组件封装TextOverflow.vue<template> <div :class="{'overflow-hidden': toggleShow}" style="position:relative"> <slot></slot> <span class="link showbtn" @click="handleHideMor
2022-05-09 11:42:41
78
原创 路由跳转方法
//直接跳转 this.$router.push('/testDemo'); //带参数跳转 this.$router.push({path:'/testDemo',query:{setid:123456}}); this.$router.push({name:'testDemo',params:{setid:111222}});10:20<!-- 直接跳转 --><router-link to='/testDemo'> <button>点击跳转2&..
2021-10-09 10:28:04
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人