组件uniapp uview
uniapp有意思的api之openSetting
点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge ......
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......
HTML5 Video视频组件支持的视频编码格式
一、HTML5 Video 视频格式与浏览器的支持情况 当前， <video> 元素支持三种视频格式： MP4, WebM, 和 Ogg: 浏览器MP4WebMOgg Internet Explorer YES NO NO Chrome YES YES YES Firefox YES YES YES ......
uniapp uni-icons @click.stop 报Cannot read properties of undefined (reading 'stopPropagation')
点进去看了一下uni-icons的源码 @click的方法其实是他假装是个原生click的方法，执行 emit(click)给父组件 可以理解为uni-icons只至此click事件 不支持click.stop事件 解决办法也很简单 包一层view <view @click.stop="editFn ......
vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......
使用Angular创建组件，并发布到npm上
1.组件准备工作 1.先新建一个组件库项目 ng new angular-npm-demo 2.新建一个存放组件库的目录 ng g library demo --prefix=demo; 3.进入 projects/demo/src/lib目录下新建一个组件，我的组件名叫做list-page ng ......
.net core（web api） 后台 +uniapp移动端自动更新
移动端采用uniapp开发 后台采用.net core 先到插件市场找到对应的插件 然后将插件安装到 然后在移动端项目pages.json "path": "uni_modules/rt-uni-update/components/rt-uni-update/rt-uni-update", "sty ......
el-check省市区选择组件 vue3
引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
父组件 同步修改/传值 子组件 vue3
父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
1、自定义上传组件实现动态指定action
1、增加 ynamicAction：String 2、修改 const uploadImgUrl = ref(props.dynamicAction || import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传的图片服务器地址 <el ......
突发：鸿蒙之祖华为在 Inula 官网声称可“避免重复运行组件”但“组件渲染次数”是写死的
突发：鸿蒙之祖华为在 Inula 官网声称可“避免重复运行组件”但“组件渲染次数”是写死的 消息来源 看到群里这个消息，我的想法是：群里怎么炸锅了？华为之前的鸿蒙被指疑似安卓二开不说，现在出个 openInula 好像是什么欧拉又被人挖出幺蛾子？哦有 la 后缀但好像又不像欧拉。 到底怎么回事？我也 ......
uniapp关于uni.getUserProfile的使用
点击查看代码 <button @click="getMy" data-eventsync="true">获取信息</button> let getMy = () => { if (uni.getUserProfile) { console.log('可以用'); uni.getUserProfile ......
记录--组件阅后即焚？挂载即卸载！看完你就理解了
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 上家公司有个需求是批量导出学生的二维码，我一想这简单啊，不就是先批量获取学生数据，然后根据QRcode生成二维码，然后在用html2canvas导出成图片嘛。 由于公司工具库有现成的生成压缩包方法，我只需要获得对应的图片blob就可 ......
当多个使用弹窗类组件，可使用这种方式封装组件。（以下使用antd-vue、vue3）
1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......
uniapp(安卓)之文件下载
uniapp(安卓)之文件下载 方法： // 本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0， // 这时用户文件管理器能看到的了，之后创建 下载文件夹 作为文件夹， // 后缀是用于文件命名和格式修改，大家可以使用变量。 var url = this.do ......
Uniapp导入uView组件
npm导入组件 npm install uview-ui@2.0.36 后面跟上自己的版本 或者 npm install uview-ui //检查 console.log(uni.$u.config.v);可以查看自己是否导入成功 【main.js】import uView from 'uview ......
uniapp使用微信jssdk自定义分享
前言提示：本文记录的是使用uniapp开发的H5+APP项目，H5端使用微信自定义分享功能，文中有关APP的兼容，如果不需要兼容APP的可以忽略 一、引入 首先安装 jweixin-module 包 npm install jweixin-module --save 二、封装工具方法 为了方便使用， ......
关于layui使用弹出层模版后对应上传组件不工作的问题记录
这里页面的聊天室是使用的弹出层： util.on('lay-on', { 'open-chat-room': function () { layer.open({ title: '项目聊天室', type: 1, offset: 'b', anim: 'slideUp', // 从下往上 area: ......
uniapp开发实现对带有动态二维码的页面实现截图保存
要求：最近工作中，uniapp开发中遇到一个问题，期望对，一个带有动态生成二维码的页面，实现截屏功能。通过webview实现的截屏功能，最后生成的图片，中间的二维码部分是空白的。 问题：实现截屏，发现只用中间的二维码部分是空白的（如图）； 代码参考网上博客实现截屏： 1 saveImageByScr ......
vue3页面中，两个相同组件，一个卸载，一个挂载，后展示的组件事件监听不生效？
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下展示第一个组件，满足另一个条件下，隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同组件一个卸载，一个挂载， ......
关于vue中的动态组件component和keep-alive
component标签是vue内置的，作用：组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字，也就是components节点下的组件名称 当我们动态切换组件名称时，每切换一次，组件就会被销毁一次，若不想让组件被销毁，则需要用到标 ......
界面组件DevExpress Reporting v23.1新版亮点 - UX功能增强
DevExpress Reporting是.NET Framework下功能完善的报表平台，它附带了易于使用的Visual Studio报表设计器和丰富的报表控件集，包括数据透视表、图表，因此您可以构建无与伦比、信息清晰的报表 界面组件DevExpress Reporting v23.1已于前段时间 ......
在uniapp中使用pda进行扫码输入
最近做的项目中遇到需要进行使用pda进行扫码的操作，在网上查了一下，pda的扫码头就相当于是输入字符串后进行一个回车操作 那么，最简单的方式就是给一个输入框，然后监听回车事件 刚开始的想法是这样的 <uni-easyinput v-model="scanEquip" ref="scanEquip" ......
vue组件的inheritAttrs属性
先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
SpringMvc集成开源流量监控、限流、熔断降级、负载保护组件Sentinel
作者查阅了Sentinel官网、51CTO、CSDN、码农家园、博客园等很多技术文章都没有很准确的springmvc集成Sentinel的示例，因此整理了本文，主要介绍SpringMvc集成Sentinel ......
uniapp中scroll-view滚动到指定组件位置
最近做一个uniapp的聊天室界面，当获取聊天信息之后需要下滑到底部最新消息处，当上拉刷新的时候需要再往上一格移动到下面的消息 通过scroll-view的滚动和下拉刷新来实现 在scroll-view的属性中设置 :scroll-into-view="state.scrollIntoMessage ......
React 受控和非受控组件
无论你做什么，都要相信自己可以做到，因为你的潜力是无限的。 把父组件的状态变成属性传递给子组件，子组件接受这个属性，听命于父组件。这个子组件就是叫做受控组件。在受控与非受控组件有两种理解方案，第一：狭义上的受控与非受控，就是我们在表单中的受控与非受控组件。第二：广义上的受控与非受控组件，就是 Rea ......
uniapp开发App从开发到上架全过程
当我们的APP开发完毕，最终交付的时候，必然要经历的一个环节，就是APP上架，国内APP上架一般为IOS端appstore上架，安卓端应用商店比较多，最常见的应用商店有华为应用商店、小米应用商店、OPPO应用商店、VIVO应用商店、应用宝应用商店等。 在开始上架 前，需要准备好相应的材料，安卓端 ......
Vuex及Vue组件通信
Vuex及Vue组件通信 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证 状态以一种可预测的方式发生变化。 通俗点说就是不用考虑组件之间的嵌套关系（例如：父子、祖孙、兄弟等），就可以让组件之间进行互相通信。 组件五把 ......