vue - 随笔分类 - 蓦然JL

摘要：

custom-tab-bar 自定义tabBar组件。在小程序和App端，为提升性能，在 pages.json 里配置固定的原生tabBar。但在H5端，这一设计并不会提升性能。同时，H5端尤其是PC宽屏，对tabBar的位置和样式有更灵活的需求，tabBar作为一级导航，更多的时候是在PC网页阅读全文

posted @ 2025-02-07 08:58 蓦然JL 阅读(248) 评论(0) 推荐(0) 编辑

uniapp 原生组件说明

摘要：

一、原生组件说明小程序和App的vue页面，主体是webview渲染的。为了提升性能，小程序和App的vue页面下部分ui元素，比如导航栏、tabbar、video、map使用了原生控件。这种方式被称为混合渲染。虽然提升了性能，但原生组件带来了其他问题：前端组件无法覆盖原生控件的层级问题原生阅读全文

posted @ 2025-01-06 15:24 蓦然JL 阅读(57) 评论(0) 推荐(0) 编辑

Vue开发必须知道的36个技巧

摘要：

1.require.context() 1.场景:如页面需要导入多个组件,原始写法: import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCom' impor 阅读全文

posted @ 2025-01-02 15:27 蓦然JL 阅读(43) 评论(0) 推荐(1) 编辑

光标自动定位到起始位置 contenteditable="true" ，v-html绑定内容，div可编辑时，光标移到最前面

摘要：

出现这个问题原因：（1）通过打断点可以看到，当你输入的时候触发input事件，提交值给父组件中的v-model；（2）但因为在子组件中又监听了v-model的值，所以整体形成了闭环；（3）还需要重点说明的是光标问题，contenteditable与v-html所在的元素值的改变如果不是通过输入阅读全文

posted @ 2024-12-02 08:49 蓦然JL 阅读(169) 评论(0) 推荐(0) 编辑

uniapp 页面导航条配置节点 navigation-bar

摘要：

navigation-bar 页面导航条配置节点，用于指定导航栏的一些属性。只能是 page-meta 组件内的第一个节点，需要配合它一同使用。平台差异说明 App H5 微信小程序支付宝小程序百度小程序抖音小程序、飞书小程序 QQ小程序快手小程序京东小程序 √ 2.6.3+ 2.6.3 阅读全文

posted @ 2024-11-04 14:59 蓦然JL 阅读(185) 评论(0) 推荐(0) 编辑

vue-cropper图片裁剪（vue2与vue3）

摘要：

在项目中，前端开发经常会遇到有图片上传的需求，而别人的组件大多都满足不了当下产品的需求，这是往往我们得去依靠组件自己自定义一个项目通用的裁剪组件一、vue-cropper安装依赖： vue2： npm install vue-cropper 或 yarn add vue-cropper vue3：阅读全文

posted @ 2024-10-14 09:36 蓦然JL 阅读(1492) 评论(0) 推荐(1) 编辑

uniapp 页面属性配置节点 page-meta

摘要：

page-meta 页面属性配置节点，用于指定页面的一些属性、监听页面事件。可部分替代pages.json的功能。从微信基础库2.9.0开始，新增了page-meta组件，它是一个特殊的标签，有点类似html里的header标签。页面的背景色、原生导航栏的参数，都可以写在page-meta里。HB 阅读全文

posted @ 2024-10-14 09:35 蓦然JL 阅读(224) 评论(0) 推荐(0) 编辑

uniapp 广告错误码

摘要：

一、app平台错误码 code message -5001 广告位标识adpid为空，请传入有效的adpid -5002 无效的广告位标识adpid，请使用正确的adpid -5003 未开通广告，请在广告平台申请并确保已审核通过 -5004 无广告模块，打包时请配置要使用的广告模块 -5005 广阅读全文

posted @ 2024-09-11 10:58 蓦然JL 阅读(82) 评论(0) 推荐(0) 编辑

uniapp 将数据存储在本地缓存setStorage及从本地缓存中异步获取getStorage

摘要：

一、uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 HarmonyOS Next 兼容性 HarmonyOS Next HBuilderX 4.23 OBJECT 参数说明参数名类型必填说明 ke 阅读全文

posted @ 2024-09-11 10:48 蓦然JL 阅读(1492) 评论(0) 推荐(1) 编辑

Vue 使用 vue-drag-resize 实现拖拽和随意缩放大小及安装报错处理

摘要：

一、vue-drag-resize的安装 yarn add vue-drag-resize 下面是错误解决方案： TypeError: Cannot read properties of undefined (reading ‘_c’) 解决方案：在引入时加上“/src”： import VueD 阅读全文

posted @ 2024-08-02 16:59 蓦然JL 阅读(2271) 评论(0) 推荐(0) 编辑

vue3 smooth-signature 带笔锋手写签名

摘要：

mini-smooth-signature 小程序版带笔锋手写签名，支持多平台小程序使用参考：GitHub - linjc/smooth-signature: H5带笔锋手写签名，支持PC端和移动端，任何前端框架均可使用一、安装 npm install smooth-signature # 或阅读全文

posted @ 2024-07-11 11:39 蓦然JL 阅读(294) 评论(0) 推荐(0) 编辑

解决 scroll-view 组件 [Intervention] 报错

摘要：

[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupte 阅读全文

posted @ 2024-03-23 10:23 蓦然JL 阅读(433) 评论(0) 推荐(0) 编辑

disable-devtool 禁用 web开发者工具禁用 f12 功能等

摘要：

disable-devtool 可以禁用所有一切可以进入开发者工具的方法，防止通过开发者工具进行的 ‘代码搬运’。该库有以下特性: 1、支持可配置是否禁用右键菜单2、禁用 f12 和 ctrl+shift+i 快捷键3、支持识别从浏览器菜单栏打开开发者工具并关闭当前页面4、开发者可以绕过禁用 (u 阅读全文

posted @ 2024-02-21 17:01 蓦然JL 阅读(1795) 评论(0) 推荐(0) 编辑

vue实现v-html渲染的图片预览

摘要：

在v-html属性标签的标签上添加 getImg 方法 <div class="content" v-html="content" @click="getImg(

e v e n t) ">< / d i v > g e t I m g 方 法 ， 通 过

$event)"></div> getImg方法，通过$ event 可获取用户当前点击的元素相应的内容，这里可以获取所点击图片对应的sr 阅读全文

posted @ 2024-02-03 16:23 蓦然JL 阅读(420) 评论(0) 推荐(0) 编辑

Vue3 里 script 的三种写法

摘要：

一、Vue3 里 script 的三种写法首先，Vue3 新增了一个叫做组合式 api 的东西，英文名叫 Composition API。因此 Vue3 的 script 现在支持三种写法， 1、最基本的 Vue2 写法 html复制代码<template> <div>{{ count }}</d 阅读全文

posted @ 2023-07-29 13:51 蓦然JL 阅读(3297) 评论(0) 推荐(0) 编辑

async与await详解

摘要：

一、简介 async/await是ES20717引入的，主要是简化Promise调用操作，实现了以异步操作像同步的方式去执行，async外部是异步执行的，同步是await的作用。二、async async，英文意思是异步，当函数（包括函数语句、函数表达式、Lambda表达式）前有async关键字的阅读全文

posted @ 2023-03-04 09:13 蓦然JL 阅读(1998) 评论(0) 推荐(0) 编辑

微信小程序分包

摘要：

一、微信小程序--分包 1、什么是分包分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。分包原理：在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。 2、分包阅读全文

posted @ 2023-02-09 09:02 蓦然JL 阅读(1164) 评论(1) 推荐(0) 编辑

vue项目引入svg图标（完整步骤）

摘要：

1. 安装svg依赖在vue中首先需要安装可以加载svg的依赖。npm安装：npm install svg-sprite-loader --save-dev 2. 创建svg文件夹存放svg图标创建icons文件夹，在icons文件夹下创建svg文件夹存放本地svg图标。 3. vue.conf 阅读全文

posted @ 2023-01-17 14:18 蓦然JL 阅读(4092) 评论(0) 推荐(0) 编辑

Vue的指令，在项目中封装了哪些常用指令？

摘要：

在 vue 中我们可以使用 Vue.directive()方法注册全局指令。也可以只用 directives 选项注册局部指令。输入框防抖指令 v-debounce const debounce = { inserted: function (el, binding) { let timer; e 阅读全文

posted @ 2022-12-22 17:14 蓦然JL 阅读(146) 评论(0) 推荐(0) 编辑

uniapp富文本的使用

摘要：

<editor class="richInputContent" id="editor" @input="getEditorContent" @ready="onEditorReady" v-model="html"></editor> methods:{ //初始化富文本编辑器 onEditorR 阅读全文

posted @ 2022-12-22 16:58 蓦然JL 阅读(1735) 评论(0) 推荐(0) 编辑

蓦然JL

蓦然回首，那人就在灯火阑珊处（供自己学习参考汇总）

随笔分类 - vue

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类 (165)

随笔档案 (111)

文章分类 (41)

文章档案 (36)

相册 (107)

常用网站链接

阅读排行榜

评论排行榜

推荐排行榜

最新评论

相册功能很好呀