组件uniapp uview
uniapp的封装请求
1.新建目录utils 2.在目录utils中新建request.js 3.request.js封装内容，如下： 1 /** 2 * @param {Object} url请求地址 3 * @param {Object} data 请求数据 4 * @param {Object} contentTy ......
flutter系列之:做一个修改组件属性的动画
简介 什么是动画呢？动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制，不过直接是用AnimationController是比较复杂的，如果只是对一个widget的属性进行修改，可以做成动画吗？ 答案是肯定的，一起来看看 ......
uniapp调用手机自带短信功能发送短信，打电话，获取本地通讯录
1、配置（修改了manifest配置信息，要重新打包自定义基座，并卸载手机上的安装包重新运行） 2、 // 发短信 sendMsg(phoneNumber) { //#ifdef APP-PLUS plus.messaging.TYPE_SMS; var msg = plus.messaging.c ......
11_父组件调用子组件方法
父组件调用子组件的方法 使用ref 使用变量+watch 使用中间class 使用中间class base-on-controller function receiveController(to, from) { Object.assign(to, from); } /* vue 混入模式 */ r ......
常用组件
常用组件 分页推导 首先我们需要明确的时候，get请求也是可以携带参数的，所以我们在朝后端发送查看数据的同时可以携带一个参数告诉后端我们想看第几页的数据 其次我们还需要知道一个点，queryset对象是支持索引取值和切片操作的，但是不支持负数索引情况 接下来我们就可以推导我们的自定义分页器步骤了 c ......
Vue "引用式"调用组件内函数
##场景 希望在点击页面上的某个 button 时, 刷新某个组件的内容. 组件内容刷新函数 getStatistic() 在组件<Table/>内, 当点击 "统计" 按钮时, 页面 Block 切换至统计页面, 同时调用对应组件中的 getStatistic() 函数, 更新数据. ##解决方案 ......
uniapp读取本地通讯录
官方文档：https://uniapp.dcloud.net.cn/api/system/contact.html#addphonecontact created() { //#ifdef APP-PLUS this.getLocalContact() //#endif }, methods: { ......
uniapp图片、文件上传
uni.chooseFile(OBJECT) 平台差异说明 AppH5微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序QQ小程序快手小程序京东小程序 x √(HBuilder X2.9.9+) x(可使用wx.chooseMessageFile) x x x x x x App端如需选择非 ......
第六节：受控 、高阶组件、portals、fragment、严格模式、动画
一. 受控组件 二. 高阶组件 三. portals 四. fragment 五. 严格模式 六. 动画 ! 作 者 : Yaopengfei(姚鹏飞) 博客地址 : http://www.cnblogs.com/yaopengfei/ 声 明1 : 如有错误，欢迎讨论，请勿谩骂^_^。 声 明2 ......
vue3 组件使用
子组件接收参数 <template> <div> <!-- 子组件 参数：num 、nums --> <child :num="nums.num" :doubleNum="nums.doubleNum" @increase="handleIncrease"> </child> </div> </te ......
vue3 多级数据下拉选择组件
若依的下拉组件太复杂，我改了一下，希望对大家有帮助，基于 element-plus el-tree-select 组件： 举个栗子，TreeSelect.vue： <template> <div> <el-tree-select style="width:100%" v-model="valueId ......
vue2自定义组件@click点击失效问题及解决
1.参照官方文档，可以用@click.native=“click”解决 2.$emit组件之间事件传递解决 https://www.jb51.net/article/246610.htm ......
若依--图片预览组件
若依的图片预览组件，很实用，放在这里： <template> <el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSr ......
uniapp & HBuilderX ：App原生插件配置（云端插件）、自定义基座
1、进入"开发者中心"https://dev.dcloud.net.cn/pages/app/actor，加入项目 2、进入"插件市场"登录并购买插件https://ext.dcloud.net.cn/plugin?id=526 3、HBuilderX插件配置——>选择插件 4、制作"自定义调试基座 ......
Vue3 图片上传组件
基于 vue3 element-plus 图片上传组件封装，兄弟姐妹们，将就看一下吧，上代码： <template> <div class="component-upload-image"> <el-upload :limit="limit" :action="uploadFileSignleUrl ......
Vue3 文件上传组件
基于 vue3 element-plus 文件上传组件封装，兄弟姐妹们，将就看一下吧，上代码： 支持：粘贴文件路径上传、文件识别开关 <template> <div> <div v-if="canRecognition"> <el-checkbox v-model="isRecognition">开 ......
vue3 证件识别上传组件封装
证件图片识别上传 根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。 上传组件用的是 element-plus el-upload 上代码： <template> <div class="component ......
uniapp app端拨打电话权限
<view class="collect_item image1" @click="callPhone"><text>致电</text></view> // app端 需要导入 工具方法进行判断是否授权 插件地址 https://ext.dcloud.net.cn/plugin?id=594 imp ......
若依--字典标签组件完善
由于若依是基于element，但是在实际业务中，往往会出现标签不够用的情况，数据标签回显样式只有一下六种： // 数据标签回显样式 const listClassOptions = ref([ { value: "default", label: "默认" }, { value: "primary" ......
uniapp app端内嵌webview对接支付宝支付
//app支付 const appRequestPayment = (orderInfo: string) => { uni.navigateTo({ url: '跳转的路径?one=' + encodeURIComponent(JSON.stringify(orderInfo)) }) } Vie ......
uniapp 修改ios input输入框在safari浏览器上 有黄色背景
<input class="codeInputClass" v-model="state.code" type="number" placeholder="请输入验证码" @input="codeInput" placeholder-class="placeholderClass" maxlengt ......
uniapp子组件监听触底
在主页面中添加事件 onReachBottom() { uni.$emit('onReachBottom'); }, 在子组件中添加监听触底事件 mounted() { var that=this; uni.$on('onReachBottom', function(data) { console. ......
draggable 组件使用（拖拽排序及拖拽交换功能 swap）
一、template 里 <draggable v-model="myArray" group="people" @start="drag = true" @end="drag = false" > <div v-for="element in myArray" :key="element.id"> ......
css 文字内容过长和下一个信息项重叠解决办法(uniapp)
1. 把固定高度注释掉，自动调整高度 .cardBox{ padding:20rpx 30rpx ; .item{ // width: calc(100% - 40rpx); // height:398rpx ; padding:10rpx 20rpx 0rpx; margin-bottom: 25 ......
界面控件DevExpress Blazor UI v22.2亮点：全新的Window组件
DevExpress拥有.NET开发需要的所有平台控件，包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具，该组件拥有众多新产品和数十个具有高影响力的功能，可为桌面、Web和移动 ......
列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3
这个组件解决的问题？ 在以往的项目当中，我从未想过要对 批量/列表数据的操作按钮做什么变动，直到最近的一次开发，让我突然觉得可以将操作按钮也做成一个公共组件，在做前端开发时，更加专注于js代码逻辑。 如何使用？ 全局(main.js中)引用操作组件 BatchOperation.vue 创建页面操作 ......
k8s集群组件
k8s集群有以下组件： Master：Kubernetes集群的控制中心，包括： API Server：在Kubernetes集群中，API server 扮演一个接口，使用户和管理员可以通过 kubectl 或其他工具与集群进行交互，而不必直接与底层组件打交道。同时，所有其他 Kubernetes ......
第10章：10W QPS真刀实操__以及基于ZK+Netty手写分布式测试工具 177手机路人甲账号 主目录 暂时没用(新买云主机安装一些基础组件)
10W QPS真刀实操__以及基于ZK+Netty手写 分布式测试工具 参考链接 系统架构知识图谱（一张价值10w的系统架构知识图谱） https://www.processon.com/view/link/60fb9421637689719d246739 秒杀系统的架构 https://www.p ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多，看似功能简单，开发快速，实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多，vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本，下面介绍表单配置化组件的封装原理与封装方法。 ......
vue编码一个简单的组件
###基于上一篇博客，现在我来学一下，如何根据vue编写一个简单的组件 ##第一步：导入vue.js模板 ##第二步：代码编写，定义一个Vue组件component ##第三步：还是需要id填写app调用这个script zujianmingcheng == 组件名称 （自定义的） 全部代码演示 < ......