- 博客(7)
- 收藏
- 关注
原创 内容类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 562
转载 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 150
原创 数组\数组对象去重
数组对象去重 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 110
原创 动态内容不同分辨率展开收起效果实现
需求,不同分辨率下,都显示三行文字内容,超出三行显示展开按钮,组件封装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 89
原创 路由跳转方法
//直接跳转 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 192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人