组件vue3 vite vue
vue2 项目打包后自动压缩成zip文件
安装依赖 1 pnpm install filemanager-webpack-plugin --save-dev 在vue.config.js中添加如下代码 const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件 ......
element中select组件加入滚动分页及模糊查询
element中select组件加入滚动分页及模糊查询 1.directive.js-自定义vue指令 import Vue from 'vue' export default () => { Vue.directive('loadMore', { bind (el, binding) { // 如 ......
Vue 中 slot 的使用方式，以及 slot 作用域插槽的作用 ？
使用方式 组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope ......
vue项目index.html文件获取代理地址方法（ajax在html文件请求接口）
获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge ......
Flutter 组件技巧 刷新数据
1. 起因 因为组件在创建后，放入widget数之后，就会调用 initState，执行一次里面的内容。 我之前的项目里， 有一个Stack，用来切换子页面，子页面有2级； 在子页面的initState里，我去获取后端的数据，看中了initState只调用一次，达到我获取一次然后拿来显示的目的 这样 ......
使用js添加按钮，vue页面 el-calendar 添加自定义按钮
html代码： <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
vue2 前后端分离的项目，用宝塔部署，出现域名访问根目录能访问，加任何网址就404
https://admin.xxx.com/ 访问正常 https://admin.xxx.com/index 访问404 location / { root /home/ruoyi/projects/ruoyi-ui; try_files $uri $uri/ /index.html; index ......
vue2和vue3ref的区别（详解）
Vue 2和Vue 3中ref的区别如下： 在Vue 2中，ref主要用于在模板中获取DOM元素或组件实例。而在Vue 3中，虽然ref也可以获取DOM元素或组件实例，但更重要的是，它还可以将一个基本类型的变量转换成响应式的数据，无需再通过复杂的步骤来访问响应式数据。另外，Vue 3的ref还支持对 ......
chromedriver 爬虫组件更新，114版本以上
1.解决问题 由于Google浏览器chrome自动更新导致python爬虫脚本无法启动，且浏览器版本大于114。 2.报错如下 selenium.common.exceptions.SessionNotCreatedException: Message: session not created: ......
vue获取el-table当中选中行的各列数据
首先在标签中声明 @selection-change="handleSelectionChange" 之后在script中的methods当中编写该方法 console.log(this.$refs.cgTable.selection); 这一行代码可以获取你所选择的所有行 this.idList ......
vue3.0+antdVue2.0结合插槽slots的使用方式
首先在table中 <a-table ...> <template #action="{ record }"> <span class="action"> <a>移除</a> </span> </template> </a-table> const columns = [{ title: '操作', ......
vue表单数据添加到表格当中出现的问题
表单样式如下 填写完表单之后点击确认新增按钮，表格会自动新增一行数据对应刚刚表单当中填写的数据。 this.tableData.push(this.formData); 这行js代码可以实现将表单数据添加到表格当中。 但由于我在点击按钮的动作当中添加了 this.$refs[formName].re ......
Vue脚手架分析
1 创建脚手架 1、在目标目录创建vue脚手架。vue create vue_test。 2、选择vue2版本。 3、创建成功 4、运行 5、使用浏览器查看 6、停止工程 crtl+c停止工程。 2 目录分析 ......
去除：Vue项目打包后生成的.map文件&文件hash值命名
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......
Vue3实战 - 第一章 node.js/npm安装、配置
一、node.js 安装（windows） 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
iframe本身就不是动态语言，样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写，它是HTML元素的一个组件
以下哪个选项的描述是错误的 A iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载 B iframe的创建比一般的DOM元素慢了1-2个数量级 C iframe标签会阻塞页面的的加载 D iframe本质是动 ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......
直播平台搭建，vue中实现图片懒加载的几种方法
直播平台搭建，vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy，可以实现图片懒加载。使用方式如下： <img v-lazy="imageSrc" /> 其中，imageSrc是需要懒加载的图片路径。当图片进入可视区域时，Vue会自动加载图片。 二、 ......
直播系统源代码，Vue 禁止输入框输入空格
直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
【vue2】swiper插件自动循环失效（loop失效）
可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
vue-cookie的原理与使用
cookie及session的原理： cookie工作原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无 ......
BI 数据可视化平台建设（2）—筛选器组件升级实践
本文主要介绍了BI数据可视化平台建设中比较核心的筛选器组件， 涉及组件分类、组件库开发等升级实践经验，通过分享一些对交互和业务耦合度高的组件开发迭代的思考，希望可以给正在做组件重构解耦的读者带来启发。 ......
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
8、Flutter Paddiing组件
Padding组件处理容器与子元素之间的间距。 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Containe ......
Vue中Pinia简介
Pinia是一个进行vue状态管理的组件，他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......
vue项目中读取外部静态文件改变标题以及图标
默认情况下，由vuecli创建的项目，其/public下会存在index.html这一入口文件（若是vite的话会存在根目录和src同级），public下的文件不参与打包过程，因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后，可以在剩下vue组件中通过window.gl ......
界面组件DevExpress Reporting v23.1亮点 - 全新升级报表查看器
DevExpress Reporting是.NET Framework下功能完善的报表平台，它附带了易于使用的Visual Studio报表设计器和丰富的报表控件集，包括数据透视表、图表，因此您可以构建无与伦比、信息清晰的报表 界面组件DevExpress Reporting v23.1已经发布一段 ......