前端
蔡不蔡
聪明人总是雇用比他更聪明的人。
展开
-
vue3怎么读取本地json数据
确保将path/to/your/local.json替换为你的本地JSON文件的实际路径。这段代码使用了Vue 3的Composition API,在组件被挂载时,它会尝试获取并解析本地JSON文件,然后将数据存储在一个响应式变量中,以便在模板中使用。在Vue 3中,可以使用fetch API或其他HTTP客户端来读取本地JSON数据。原创 2024-03-24 09:59:16 · 632 阅读 · 0 评论 -
关于Vue中页面成功渲染数据undefined的问题
undefined问题其实就是数据还没拿到就渲染了一次造成的,解决的办法也有很多,个人觉得不影响使用,但老有人问为啥会一开始显示undefined,也懒得解释了,改吧。。方法网上搜了一下,大概就是给个默认值、判断字段值存在时再显示等等。个人觉得还是来个干脆点的。用watch监听数据,让数据加载完成后再显示dom,数据获取期间显示加载中……<template> <view style="background-color: #ffe1cd;height: 100vh;backgro原创 2022-03-04 22:59:22 · 4068 阅读 · 0 评论 -
CSS给透明背景图加颜色遮罩的几种方法
1.通过定位叠加(注意层级)<div class="wrap1"> <div class="inner"> </div></div>.wrap1 { position: relative; width: 1200px; height: 400px; background: rgba(0, 0, 0, .5);}.wrap1 .inner { position: absolute; left:原创 2021-07-02 23:48:51 · 2130 阅读 · 1 评论 -
小程序触底事件onReachBottom和scroll-view冲突无法触发解决
<scroll-view scroll-y @scrolltolower="enevtname" </scroll-view>记录一下,在scroll-view中使用onReachBottom是无效的,用@scrolltolower这个事件来监听就好使了。原创 2021-07-01 11:30:18 · 1307 阅读 · 2 评论 -
JavaScript拖动元素位置示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <style>.原创 2021-01-30 11:17:52 · 156 阅读 · 1 评论 -
新浪下拉菜单代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <style>.原创 2021-01-26 09:40:54 · 1992 阅读 · 0 评论 -
使用flex布局 子元素高度自适应填满空白問題
之前没用flex布局过高度自适应,倒腾了一下终于成功,但是还有个bug(必须要给父元素高度,不给高度就实现不了。)来看下具体代码由于子元素的图片大小不一样,要实现填满空白,要使用flex-direction: column;如果高度設置為height:100%;或height:auto;都沒效果。效果如下不行就只能給父元素設置實際高度,這裏設置為4300px;效果如下:單純的設置高度能起來比較麻煩,如果後期做下拉加載的話很難就悲劇了,得用js來計算高度設置。...原创 2020-12-28 15:12:12 · 11052 阅读 · 0 评论