组件uni-app uniapp uni
vue中this.$refs获取不到组件元素的解决办法
vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
Vue el-date-picker 日期组件的使用，需要初始化时间，初始化时间时候，注意 日期月份 补0
Vue el-date-picker 日期组件的使用 需要初始化时间，初始化时间时候，注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
封装前端svg组件
## 前言： SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形格式，它可以在网页上展示高质量的图像，并且可以无损缩放。在前端开发中，SVG 图片被广泛用于创建图标、图形和动画效果。此篇文章将讲述在前端vue项目中封装svg组件，使其svg简单使用。 ## 1. ......
vue封装公共组件库并发布到npm库
利用的原理： vue框架提供的api: Vue.use( plugin)，我们把封装好组件的项目打包成vue库，并提供install方法，然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
uniapp 页面跳转传值（eventChannel）
在A -> B页面时，如果想要将A页面中的数据传给B，可以使用eventChannel方法或者用url拼接，在这里先说明第一种eventChannel方法如何实现。 A页面： 首先定义了一个点击事件handleItemClick，触发点击事件后再传递数据 data() { return { item ......
Vue 中 组件通信 - 子传父（自定义事件）
# Vue 中 组件通信 - 子传父（自定义事件） ``` Vue 中 组件通信 - 子传父（自定义事件）子传父步骤：在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据（一般是通过一定的动作，如点击，滑动等，来自定义事件向父组件传递，这里以 click 为例）在子组件的 ......
无法创建K/3中间层组件，请确定中间层组件配置正确或当前用户拥有相关权限后重试
无法创建K/3中间层组件，请确定中间层组件配置正确或当前用户拥有相关权限后重试 https://blog.csdn.net/qq_20120669/article/details/62886952 金蝶K3客户端注册中间层方式完整版（金蝶K3客户端:组件KdSvrMgr无法正常工作 排查分析步骤） ......
react 的ant design组件库 Table分页选择上/下一页复选框选中丢失问题解决
官方有以下注释： 当使用 rowSelection 时，请设置 rowSelection.preserveSelectedRowKeys 属性以保留 key，当数据被删除时仍然保留选项的key。（删除一行表格数据需要手动删除选中的key值，否则原选中key数组值会保留删除的那个条数据的值） 具体用法 ......
uniapp 打包发布小程序的流程指引
用 uniapp 开发小程序其实和开发H5是一样的。就是在打包的时候会略有不同。 uniapp 在开发的时候需要在 manifest.json 的源码视图配置 nginx 反向代理才能去请求后端 `/ 代理名称 ${config.url}` 一般情况下的请求都是代理 + url 去请求数据。 但是， ......
uni-app把项目运行到chrome浏览器时，为什么任务栏会多出一个图标？
这是因为uni-app以相同的可执行文件路径但是不同的个人资料路径打开Chrome浏览器，创建一个新的浏览器窗口（新的浏览器实例），该窗口将使用新的个人资料。这意味着，您将拥有一个全新的浏览器会话，其中包含新的书签、扩展程序、历史记录和其他个人设置。 ......
uniapp 构建 module 模块和 package.json 文件
在项目根目录下开启CMD，输入以下命令 npm init 等构建完了会出现这些文件 然后再来配置 组件库，这下官网地址，这个是 1X的地址，个人觉得 1X的比较好用。更稳定。可以根据自己的需求去升级 https://v1.uviewui.com/components/install.html 以下是 ......
界面控件DevExtreme UI组件——增强的自定义功能
在本文中，我们将回顾DevExtreme UI组件在v22.2版本主要更新中一系列与自定义相关的增强。 DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knocko ......
uniapp上拉加载下拉刷新
```javascript {{ topTis }} A {{ loadOver ? (isScrolltolower ? '努力加载中....' : '上拉加载更多') : '人家是有底线的' }} ```  获取设备相关信息 02. 取分类数据 > API 接口：/api/public/v1/categories > 数据结构：{内容太多，请直接调用接口获取} >> 为元素配置 动态类 信 ......
uniapp vue.config.js配置chunk-vendors.js文件拆分
const path = require('path') function resolve(dir) { return path.join(__dirname, dir); } const CompressionPlugin = require('compression-webpack-plugin ......
vue+css: 引用的组件快速改变滚动条样式
在a组件页面内有b组件，b组件产生的滚动条太丑不好看但是又不想改变b组件（b组件公共用的地方很多）又不想专门复制份在此基础上改。 只要在使用的组件上增加css代码即可同时让组件内滚动条生效，原理是因为此滚动条相当于未定义类的当前组件全局。所以可以直接使用并生效 comp.vue <style sco ......
vue封装包含区域内不可拖拽的可拖拽组件
标题比较绕口，大概意思就是封装一个可拖拽组件，但是因为组件内有文件或者表单或者其它原因而不可在这个区域内使用拖拽，所以在绑定拖拽区域方法的同时限制不可拖拽区域。 实现方式很简单 直接看代码 drag.js import Vue from 'vue' export const drag = Vue.d ......
大数据之常见组件
Hdfs：Hadoop分布式文件系统被设计成适合运行在通用硬件(commodity hardware)上的分布式文件系统。特点： HDFS是一个高度容错性的系统，适合部署在廉价的机器上。HDFS能提供高吞吐量的数据访问，非常适合大规模数据集上的应用。HDFS放宽了一部分POSIX约束，来实现流式读取 ......
将easyui-datagrid组件克隆至另一个 easyui-datagrid组件 表结构(列)及数据完全一样
将 grid 组件克隆至 grid_toexcel 组件 表结构(列)及数据完全一样 html <table id='grid' class='easyui-datagrid' style='width:1250px;min-height:450px' title='列表' iconCls='ico ......
2023-06-14 记录一下uniapp scroll-view（下拉刷新）
<template> <view> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="mess-scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="sc ......
easyui-datagrid中的表结构(列)赋给另一个 easyui-datagrid组件
页面上有两个 easyui-datagrid 组件 grid 用于显示 grid_toexcel 用于导出 目的 将 grid 克隆至 grid_toexcel 使 grid_toexcel 与 grid 的表结构完(列)全一样，但数据并不克隆 html <table id='grid' class ......
2023-06-14 记录一下vue组件如何调用App.vue里面的方法（代码来至chatGpt）
可以通过在子组件中使用 `$emit` 方法来触发 App.vue 中的方法。具体步骤如下： 1. 在 App.vue 中定义一个方法 ```vue ``` 2. 在子组件中使用 `$emit` 方法触发该方法 ```vue ``` 3. 在父组件中监听该事件，并调用相应的方法 ```vue ``` ......
从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架
本篇文章将实现一个名为`create-easyest`脚手架的开发,只需一个命令`npm init easyest`就可以将整个组件库开发框架拉到本地。 ## 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`crea ......
uniapp 更新依赖到指定版本解决uniAPI不可用问题
我解决的问题： 在项目中使用uni.startLocationUpdate(OBJECT)报错：uni.startLocationUpdate is not a function 怀疑是版本问题，当时的版本👇 发现2.0.2-3070320230222001版本的就可以使用，于是更新npx @dc ......
DevExpress WinForms功能区组件，让业务应用创建更轻松！（上）
DevExpress WinForms的Ribbon（功能区）组件灵感来自于Microsoft Office，并针对WinForms开发人员进行了优化，它可以帮助开发者轻松地模拟当今最流行的商业生产应用程序。 PS：DevExpress WinForm拥有180+组件和UI库，能为Windows F ......
uniapp 不显示原生导航
自定义导航栏使用注意 当navigationStyle设为custom或titleNView设为false时，原生导航栏不显示 // pages配置部分页面 { "path": "pages/default/systemError", "style": { "navigationBarTitleTe ......
vue实现子父组件之间通信
<template> <div> <button @click="handleClick" :disabled="isLoading"> {{ isLoading ? "loading" : "submit" }} </button> <div class="err">{{ error }}</di ......