VUE - 随笔分类 - 金天黑日

手机号码输入组件

摘要：1 代码 <template> <div class="phone-input-container"> <div class="phone-input-wrapper" :class="{ 'has-error': showError, 'disabled': disabled }"> <!-- 国阅读全文

posted @ 2026-01-08 16:11 金天黑日阅读(8) 评论(0) 推荐(0)

Vue启动报错Cannot find module 'html-webpack-plugin' undefined (reading 'createSnapshot') undefined (reading 'tapAsync')

摘要：1 最开始报错 1）错误信息 Error: Cannot find module 'html-webpack-plugin' 2）原因这个错误表明项目依赖中没有安装 html-webpack-plugin。这是一个常用的Webpack插件，用来生成HTML文件 3）安装后报错 TypeError: 阅读全文

posted @ 2026-01-07 11:14 金天黑日阅读(18) 评论(0) 推荐(0)

el-table，选择了一行数据，此时查询刷新数据，选择效果消失了，这个时候重新选择同一行数据，发现不显示选中效果

摘要：1 表格  <el-table :data="tableData" :header-cell-style="{background:'#eef1f6',color:'#606266'}" > <el-table-column width="50" :row-key="row => 阅读全文

posted @ 2026-01-04 14:34 金天黑日阅读(3) 评论(0) 推荐(0)

el-col

摘要：1 el-col内容为空怎么让它能够占据一列 <el-col :span="6" style="min-height: 1px;"></el-col>  <el-col :span="6" style="height: 100px;"></el-col> 阅读全文

posted @ 2025-12-17 15:46 金天黑日阅读(6) 评论(0) 推荐(0)

Vue启动项目报错处理好这个后，很可能还是报错，类似这种npm ERR! gyp ERR! node-gyp -v v3.8.0

摘要：类似这种npm ERR! gyp ERR! node-gyp -v v3.8.0，这是因为node sass不支持当前的arm环境处理方式如下： 1）删除掉package.jeson中"dependencies": {“node-sass”: “^4.14.1”} 2）执行 npm uninsta 阅读全文

posted @ 2025-11-11 14:34 金天黑日阅读(11) 评论(0) 推荐(0)

VUE中表达校验-明明有值却还是出现非空提示

摘要：1 说明对原先的一个表单编辑功能进行修改，有两个选择框从非必填变为必填。修改完成后，去编辑的时候有时候就会出问题，明明选择了值，却还是出现非空提示 2 代码其中，机构部门和是否是负责人从非必填变为必填了 <el-dialog :title="dialogTitle" :visible.sync 阅读全文

posted @ 2025-10-21 16:42 金天黑日阅读(36) 评论(0) 推荐(0)

子组件修改父组件的值及父组件获取子组件实例

摘要：1 update直接修改 1）父组件使用子组件父组件传递一个参数visible到子组件 <det-jy v-if="innerVisible" :visible.sync="visible" :detail="selectRow" ></det-jy> 2）子组件中处理完成后，要修改父组件的值，使阅读全文

posted @ 2025-10-20 14:33 金天黑日阅读(33) 评论(0) 推荐(0)

<el-dialog> 嵌套遮罩灰色问题

摘要：1 说明在一个<el-dialog> 里面打开另外一个<el-dialog> ，发现新打开的是灰色的，需要点一下才正常 2 处理在两个<el-dialog> 都加上以下属性 :append-to-body="true" 示例 <el-dialog :append-to-body="true" t 阅读全文

posted @ 2025-10-20 14:25 金天黑日阅读(22) 评论(0) 推荐(0)

Vue中展示字符串，有换行符的怎么换行展示

摘要：1 有换行符的 1）字符串带了换行符 "你好\r\nhello\r\nworld" 2）使用{{}}直接展示 {{rowdetail.lastWeekContent}} 3）展示效果发现没有换行 2 处理 1）使用<pre>标签 <pre>{{rowdetail.lastWeekContent} 阅读全文

posted @ 2025-10-15 15:48 金天黑日阅读(29) 评论(0) 推荐(0)

<el-upload上传图片

摘要：1 官方文档文档 2 说明这个组件提供了一种默认的上传模式，点击图片上传的时候就自动把图片发送到服务端，而不是在提交表单的时候上传。这钟模式不够灵活，也可以设置不自动上传到服务器，自己提交表单的时候上传。下面采取的就是这种方式。 3 新增表单时上传 3.1 form表单及相关代码点击新增按钮阅读全文

posted @ 2025-09-25 09:33 金天黑日阅读(51) 评论(0) 推荐(0)

VUE 导出按钮设置加载中-导出完成恢复

摘要：1 导出按钮添加:loading="loading" <el-button type="primary" :loading="loading" plain @click="exPort">导出</el-button> 2 data中初始化loading为false loading:false 3 阅读全文

posted @ 2025-09-16 13:14 金天黑日阅读(24) 评论(0) 推荐(0)

export和import分别暴露、统一暴露、默认暴露的使用和引入

摘要：1 简介在vue中一般通过export暴露，import引用，有三种常见的暴露方式 2 默认暴露一个模块中默认暴露只能使用一次，而分别暴露、统一暴露可以使用多次应用场景：只需要暴露一个属性时引用。使用import 直接引用 //默认暴露 const a=(data)=>{ return da 阅读全文

posted @ 2025-09-15 17:01 金天黑日阅读(30) 评论(0) 推荐(0)

js通用工具类

摘要：1 简介感谢大佬提供：https://github.com/shiguang0116/sg-utils/tree/master 2 js工具类 /** * @description: js通用工具类 * @author: guang.shi <https://blog.csdn.net/guang 阅读全文

posted @ 2025-09-15 16:22 金天黑日阅读(12) 评论(0) 推荐(0)

JS日期操作

摘要：1 字符串转date var da = '2025-01-01' var date = new Date(da ) 2 获取日期的年月日 var date = new Date() var year = date .getFullYear() var month= date .getMonth() 阅读全文

posted @ 2025-09-15 16:17 金天黑日阅读(14) 评论(0) 推荐(0)

echarts的使用VUE

摘要：https://blog.csdn.net/Du123456789yan/article/details/129062909 1 官网官网 2 在项目安装echarts npm install echarts --save 3 配置 1）VUE2 import echarts from ‘echa 阅读全文

posted @ 2025-09-15 13:55 金天黑日阅读(12) 评论(0) 推荐(0)

JavaScript 语法糖 —— 解构

摘要：https://blog.csdn.net/K346K346/article/details/112660353 0 前言 JS 获取对象的属性和访问数组内容是都是很常用的操作，从 ECMAScript 6 开始，允许按照一定模式从数组和对象中提取值对变量进行赋值，这被称为解构（Destructur 阅读全文

posted @ 2025-09-08 13:08 金天黑日阅读(79) 评论(0) 推荐(0)

Element Ui form表单中，根据前一个选择框的值，变更下一个选择框是否必填

摘要：1 简介页面两个输入框如下，客户渠道必填，渠道详情在客户渠道的值为8，14，17的时候必填，其它非必填 form表单 <el-form label-width="125px" :model="form" :rules="rulesForm" ref="form"> <el-col :span="1 阅读全文

posted @ 2025-09-08 11:02 金天黑日阅读(97) 评论(0) 推荐(0)

关于forEach中返回的问题

摘要：1 简介如下，在foreach中遍历，如果key=c则返回false 本以为遍历到c时就会结束遍历返回false，实际上全部遍历完了，返回了true 在 JavaScript 中，使用 forEach 方法遍历数组时，如果在函数内部使用 return 语句，它只会跳出当前的循环，而不会跳出整个函数阅读全文

posted @ 2025-09-05 13:17 金天黑日阅读(10) 评论(0) 推荐(0)

vue el-select 修改下拉框选择但展示不改变

摘要：1 问题简介使用<el-select><el-option></el-option></el-select>下拉框时，修改了options数组的值。从控制台中可以看到options中的值已经变化，但是页面展示仍为旧数据，没有变化 <el-select ref="select" v-model=" 阅读全文

posted @ 2025-09-04 15:22 金天黑日阅读(140) 评论(0) 推荐(0)

VsCode主题颜色

摘要：1 下载插件 Color theme 2 一些常用的主题预览绿色主题 Falcon Light Green 绿色主题 Falcon Light Green 浅绿色主题 Falcon Light Celadon 浅绿色主题 Falcon Light Celadon 粉色主题 Falcon Light 阅读全文

posted @ 2025-08-19 15:03 金天黑日阅读(197) 评论(0) 推荐(0)

随笔分类 - VUE