目录 一，自定义事件 1 绑定事件 2 @ 或 v-on 3 代码展示 小案例 二，全局事件总线 1 安装 2 组件的使用 三，订阅与发布 1，含义 2，安装 pubsub：npm i pubsub-js 3，发布消息 接收消息 取消订阅 将由下列代码展示 一，自定义事件 1 绑定事件 定义：子给父传递数据：通父组件给 子组件绑定自定义事件 简单来讲就是：子组件通过自定义事件给父组件传递数据 2 …
vue如何动态获取数据改变背景颜色和字体颜色以及获取图片 首先要想获取多条数据要用到v-for循环，写到循环就必须写:key 话不多说上代码 重点就是:style="{background:item.color}" 注意这里要用一个大括号 然后还有就是动态获取图片 重点是:src=“item.img” 这里不加大括号 目前还是获取不到图片 两一个重点是此时怎们在咱们的路径前加require 此时才…
在vue.config.js配置的时候用prependData不要用data sass: { // 根据自己样式文件的位置调整 /旧版的scss-loader 是data 新版的是 prependData prependData: `@import "@/styles/global.scss";` }, 版权声明：本文为wangzongyang1025_原创文章，遵循 CC 4.0 BY-SA 版…
最近在项目开发过程中遇到一个table嵌套table,内部table数据冲突的问题，记录一下我的解决方法避免之后再次踩坑 一、为了更好了解数据的结构我们先看一下布局 <template> <div class="deviceManagement"> <a-table size="small" :row-selection="{ selectedRowKeys: sel…
vue.config.js 使用 let webpack = require("webpack"); //gzip 配置 start const CompressionWebpackPlugin = require('compression-webpack-plugin'); // const UglifyJsPlugin = require('uglifyjs-webpack-plugin');…
最近在做项目的时候，因为接触的比较多的基本上就是列表页和详情页，列表页主要就是类似于一个表格，展示所有数据，详情页主要就是指某条数据的详细信息，包括修改、新建一条数据、查看等都是对应详情页面，因此本次主要是想做一个关于列表页和详情页的实现的小分享,用到的技术栈是Vue3+Ts，使用到的组件库是ant design和tailwindcss。具体实现的页面可以看下图所示。 该页面是列表页，主要展示了用…
在util.js中定义方法 包含金额添加过滤千分位，验证金额格式等 1、 在util.js中定义方法 const MoneyTest = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/; // 金额添加千分位 const comdify = function (n) { if(!n) return n; let str = n.split('.'); let re = /\…
文章目录 运用Vue ui时出现的一些问题 1. 当我们通过Vue ui 导入新的vue项目时显示缺少node_models包问题 运用Vue ui时出现的一些问题 1. 当我们通过Vue ui 导入新的vue项目时显示缺少node_models包问题 此文件夹缺少 ‘node_modules’。请安装依赖后再尝试导入。 错误页面如图： 问题原因 错误原因是没有安装该项目所需要的依赖项（代码入库时…
目前在编写个人项目，有一个是管理平台，基本每个页面都有el-from，所以对el-form做了二次封装, 组件在个人开发使用不错，但不确定能满足各种业务需求，所以这里主要和大家分享一下设计思路。 设计组件 分析问题 el-form是element-ui库的表单组件，如果我们要将其进行二次封装，那么需要考虑几个问题： 如何设计表单渲染字段 不同类型的el-form-item怎么去渲染，比如input…
CSDN话题挑战赛第2期 参赛话题： 学习笔记 1、package.json配置中的重点介绍： 1、许可证：license： 各种License介绍(BSD,MIT,MPL,Apache License,CC)_赵健乔的博客-CSDN博客 2、脚本别名：scripts： 对命令的一种别名设定，方便使用的 3、一种第三方的检测书写规范的插件：git hooks工具：husky "husky": { …