- 博客(9)
- 收藏
- 关注
原创 vue3中$refs如何使用
项目已经习惯都用vue2 写,最近有新的项目,想用vue3练练手,但是发现很多语法都不太熟练,比如vue2 中的$refs, 到vue3 项目中不知道如何使用,在此做一下记录,防止忘记。父组件中使用了子组件update-info-popup,在父组件setup 方法里用ref 声明同名的变量。子组件也要把这个方法抛出来。
2022-11-24 23:47:06
982
1
原创 wx.startLocationUpdateBackground和wx.onLocationChange的结合使用
项目使用uniapp开发微信小程序,功能要求使用实时监听地理位置,可以使用官方api(wx.onLocationChange(functioncallback))需要结合(wx.startLocationUpdateBackground)使用。如果忘记配置"requiredBackgroundModes"[“location”],就不会出现“使用小程序期间喝离开小程序后”该选项。首先确认小程序管理后台是否开通该相关api权限。...
2022-07-25 10:58:47
4263
原创 vue项目dist里index文件打开空白
vue项目编译生成的dist目录,该目录包含 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 images。在浏览器上打开index.html文件,显示空白的。如果要正常显示要把js,css引用路劲改为相对路径修改前去掉/static 的斜杠...
2022-07-13 20:29:07
660
原创 ios下overflow:hidden没生效
最近在项目遇到图片标签父元素设置圆角,用到overflow:hidden;ios系统得手机图片还是没有圆角效果。
2022-06-17 14:47:36
587
原创 实现淡入淡出缩放轮播图效果
问题描述最近项目中要求实现淡入淡出并且还要有缩放效果,在此记录下代码代码实现:html: <div id="app"> <div id="main" :style="{'animation-duration': imgs.length*seconds+'s'}"> <template v-for="(img, index) in imgs"> <img :style="{'anim
2022-03-23 15:05:35
317
原创 js css 文字换行显示
js css 文字换行显示在开发过程中会碰到表单输入框中含有换行 空格字符的数据保存后,在前端也能展示效果。实现方式有几种:问题:1、直接用表单输入框展示文字2、用css方式.text{ border: 1px solid #e1e1e1; padding: 5px; white-space: pre-wrap; word-break: break-all;}效果:3、用js// html<div id="text"></div>// java
2020-07-24 15:39:36
4470
原创 clip属性实现进度按钮
clip属性实现进度按钮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo
2018-11-20 16:36:36
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人