- 博客(28)
- 收藏
- 关注
RSS订阅原创 微信小程序开发中怎么实现五位 数字验证码 输入框？
关键点实现方式输入框布局使用flex布局实现水平排列输入控制设置限制单字符输入焦点管理通过focus属性与数据绑定输入跳转逻辑输入后修改实现自动跳转退格键处理检测空值时回退焦点粘贴优化处理多字符粘贴自动填充验证码完成检测使用every方法检查数组是否全部非空。
2025-05-23 01:38:03
373
原创 微信小程序中，一个页面的数据改变了，怎么通知另一个页面也改变？
方法实时性适用场景复杂度维护性全局事件总线✅ 高任意页面间通信中高直接调用页面实例✅ 高已知页面在栈中且路由明确低低全局数据 +onShow❌ 低数据变化无需实时同步低中本地存储 + 事件✅ 中需持久化且跨页面同步中中推荐方案：优先使用全局事件总线：灵活解耦，适合大多数场景。慎用直接调用页面实例：仅限简单场景或已知页面状态。
2025-05-21 03:38:26
703
原创 微信小程序开发中，双击效果怎么写？
在微信小程序中实现双击效果，如双击放大图片或点赞，可以通过监听触摸事件（touchstart）并结合计时器来判断两次点击的时间间隔。具体实现步骤包括：1. 使用bindtouchstart或catchtouchstart绑定触摸事件；2. 记录两次点击的时间差，若时间差小于设定阈值（如300ms），则判定为双击；3. 通过setTimeout延迟执行单击逻辑，避免误判；4. 双击后重置时间戳，防止连续三击误判。此外，还可以结合小程序动画API，在双击时触发动画效果，如放大图片。
2025-05-21 03:23:13
319
原创 世界上所有国家的国家名字，数组格式[ ]
value: "波斯尼亚和黑塞哥维那全国",value: "圣文森特和格林纳丁斯全国",value: "密克罗尼西亚联邦全国",value: "圣多美和普林西比全国",value: "特立尼达和多巴哥全国",value: "阿拉伯联合酋长国全国",value: "安提瓜和巴布达全国",label: "密克罗尼西亚联邦全国"value: "巴布亚新几内亚全国",value: "圣基茨和尼维斯全国",label: "特立尼达和多巴哥全国"value: "吉尔吉斯斯坦全国",value: "乌兹别克斯坦全国",
2024-12-29 03:38:47
365
原创 中国省市地名地址数据，数组加obj格式，截至到市，没有区/县
value: '黔西南布依族苗族自治州',value: '克孜勒苏柯尔克孜自治州',value: '恩施土家族苗族自治州',value: '湘西土家族苗族自治州',label: '黔西南布依族苗族自治州'value: '黔东南苗族侗族自治州',value: '黔南布依族苗族自治州',value: '红河哈尼族彝族自治州',value: '德宏傣族景颇族自治州',value: '海西蒙古族藏族自治州',label: '克孜勒苏柯尔克孜自治州'label: '恩施土家族苗族自治州'
2024-12-29 03:13:20
408
原创 vue3开发中，怎么接入后端接口数据，用post怎么接？用get怎么接？带参数分别都怎么接？
这样在开发环境下，请求会通过代理服务器转发到实际的后端接口，避免跨域问题。然后在 Axios 请求中，将请求地址改为。
2024-12-13 07:04:43
678
原创 vue3开发中我用了 Element Plus 想将上传的图片转成base64发送给服务器怎么做？
【代码】vue3开发中我用了 Element Plus 想将上传的图片转成base64发送给服务器怎么做？
2024-11-27 02:34:42
594
原创 vue3开发中我要安装用于 Element Plus 整体国际化中文支持的包怎么做？
【代码】我在vue3开发中用的是Element Plus 怎么把el-date-picker里面的年月日 星期几这些单位字都换成中文的？
2024-11-23 19:55:29
494
原创 在vue3开发中，怎么把列表数据按照列表的样子写出来？
通过以上几种方法，你可以根据具体的列表数据结构和展示需求，在 Vue 3 中合适地将列表数据按照列表的样子展示出来。如果列表数据是对象数组，例如每个数据项包含多个属性，展示方式类似，但可以根据需要展示对象的不同属性。对于更复杂的列表展示需求，或者需要在多个地方复用列表展示逻辑，可以创建一个专门的组件来展示列表数据。指令可以遍历列表数据，并为每个数据项生成对应的列表项元素。是一个包含对象的列表，每个对象有。分别展示了每个对象数据项的。这是最常用的方式，通过。
2024-11-21 16:45:15
554
原创 一个div卡片鼠标移上去卡片脚翘起来有阴影怎么做？
卡片上时，卡片的一角翘起来并且有阴影的效果。在实际应用中，你可以根据具体的设计需求调整 CSS 属性的值，如卡片的大小、颜色、阴影的参数、旋转的角度等，以获得理想的视觉效果。通过以上步骤，就可以实现当鼠标移到。
2024-11-21 00:55:53
318
原创 css中display: flex；的布局方式以及属性和属性值怎么用的详细解释
display: flex;是 CSS 中的一种布局方式，它通过设置display属性值为flex来启用 Flexbox 布局模型。Flexbox 是一种用于在容器内分配和对齐子项的布局方法，旨在提供一种更加有效的方式来排列、对齐和分配容器内元素的空间，即使它们的大小是未知的或者是动态的。以下是 Flexbox 布局的主要组成部分和概念：Flex Container（弹性容器）当你在一个元素上设置display: flex;时，这个元素就变成了一个 Flex 容器（flex con
2024-11-20 23:34:19
1598
原创 vue3中点击一个div怎么跳转到路由指定的页面去？
虽然通常用于包裹<a>或<button>，但你可以通过样式使其看起来像一个div。vue复制代码<template><div></div><script></script></style>方法一使用useRouter和事件绑定，适合在逻辑复杂的场景中使用。方法二使用和自定义样式，更简洁，适合简单的导航需求。根据你的具体需求选择合适的方法。
2024-11-20 18:28:32
432
原创 微信小程序中的图片可以直接分享到朋友圈吗？
内容转换为图片并保存到手机相册。用户可以从手机相册中选择该图片分享到朋友圈。需要注意的是，这种方式需要用户授权才能将图片保存到相册5。另外，从微信基础库 2.11.3 开始，小程序支持在 Android 平台将页面分享到朋友圈，但这种方式适用于内容型页面的分享，且有一定的限制条件。微信小程序中的图片不能直接分享到朋友圈123。以上代码首先获取网络图片的本地路径，然后在。上绘制图片和文本，最后将。
2024-11-20 15:45:33
1473
原创 el-input取消它的边框怎么做？
:deep(.el-input__wrapper) { box-shadow: none;}:deep(.el-input__wrapper:hover) { box-shadow: none;}
2024-11-20 15:36:07
263
原创 ＜el-col :span=“16“ :xs=““ :sm=““ :md=““ :lg=““ :xl=““＞当 :span=“16“时 :xs=““ :sm=““ :md=““ :lg=““ :xl=
需要注意的是，虽然可以根据 Element - UI 的一般规则来推测未设置断点属性时的行为，但为了确保精确的布局和响应式效果，最好还是根据实际的设计需求明确设置。
2024-11-19 00:22:39
747
原创 vue3项目中怎么创建和配置路由？
你可以通过 `<router-link>` 组件导航到不同的路由，并通过 `<router-view>` 显示对应的组件。在你的组件中，你可以使用 `<router-view>` 来显示当前匹配的路由组件，并使用 `<router-link>` 来创建导航链接。在这个例子中，我们定义了两个路由：一个是到首页的根路径（`/`），另一个是到关于页面的路径（`/about`）。每个路由都映射到一个组件。通常，你会创建一个名为 `router` 的文件夹，并在其中创建一个 `index.js` 文件来配置路由。
2024-11-18 19:38:20
499
原创 公众号自定义菜单跳转网页需要配置相关域名，配置步骤如下：
确定公众号类型及要求6： 如果是微信服务号，要求配置的网页授权域名必须是经过 ICP 备案的，不支持 IP 地址、端口号及短域名。 如果是订阅号，只有在完成微信认证后才可以设置网页授权域名。 登录微信公众号后台： 打开浏览器，输入微信公众平台网址（微信公众平台），使用公众号管理员的账号和密码登录。 配置网页授权域名45： 在左侧导航栏中找到 “设置” 选项，点击 “公众号设置”。 在 “公众号设置” 页面中，选择 “功能设置” 选项卡。 在 “功能设置” 中找到 “网页授权域名
2024-11-12 16:47:21
2643
原创 开发一个基于Vue 3和Element UI的系统管理后台可以分为以下几个步骤：
在创建过程中，选择Vue 3版本，并根据需要选择其他配置（如Babel、Router、Vuex等）。Element Plus是Element UI的Vue 3版本。接下来，我们将配置项目的布局，包括顶部栏、侧边栏和主要区域。使用Vue CLI创建一个新的Vue 3项目。确保你已经选择了Vue Router插件。
2024-11-12 16:44:40
536
原创 一个Vue实例可以挂载多个DOM元素吗？
如果你正在开发一个可复用的Vue组件，并且想要让组件的使用者能够插入自定义的DOM元素或组件，你可以使用Vue的插槽功能。插槽允许你将父组件的内容分发到子组件的模板中，这可以在一定程度上实现“一个Vue组件挂载多个DOM元素”的效果，尽管这些DOM元素实际上是作为子组件内容被插入的。：虽然Vue实例不能挂载到多个DOM元素，但你可以在一个Vue实例中使用多个Vue组件，并将这些组件分布在不同的DOM元素中。这意味着，当你创建一个Vue实例时，你需要指定一个根元素，Vue将管理这个元素及其内部的子元素。
2024-07-05 20:15:00
453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人