方式一：重新生成新数组state.list = res.data.map((item) => ({ ...item, goods: goodsMap.get(item.goods_Barcode), })) const goodsMap = new Map( JSON.parse(localStorage.g…

胡同里的砖头2024/11/21【VueJS】

确保 dayjs 已正确安装：npm install dayjs导入import dayjs from 'dayjs';代码块：{{ dayjs(showMes.m_InsertTime).format('YYYY-MM-DD HH:mm:ss') }}

胡同里的砖头2024/11/15【VueJS】

在 Vue 3 中，如果你希望在表单提交前检查表单字段，如果某个字段为空则删除该字段，可以使用 delete 关键字来删除对象的属性。以下是一个示例，展示了如何在 Vue 3 组件中实现这一功能。// 检查并删除空字段 Object.keys(queryForm).forEach(key => { if (queryForm[key] === '') { d…

胡同里的砖头2024/11/14【VueJS】

父组件调用子组件方法：问题：父组件需要调用子组件的方法。解决方案：在子组件中使用 defineExpose 暴露方法。在父组件中使用 ref 获取子组件实例并调用方法。子组件<template> <div> <button @click="sayHello">Say Hello</button> </div>…

胡同里的砖头2024/10/28【VueJS】

在终端中，输入以下命令来查看当前配置的远程仓库：git remote -v通常，如果你的远程仓库是GitHub，它将被命名为origin。你可以通过以下命令删除它：git remote remove origin这将删除与当前本地仓库关联的远程指向GitHub的origin。如果你需要删除更多的远程仓库，可以用相同的方法，只需将origin替换为你想要删除的远程仓库的名称。请注意，这将仅删除VSC…

胡同里的砖头2024/10/10【VueJS】

在Vue 3中，父组件传递数据给子组件通常使用props。以下是一个简单的例子：父组件 (ParentComponent.vue):<template> <div> <child-component :parentData="message" /> </div></template> <script s…

胡同里的砖头2024/9/30【VueJS】

在Vue 3中，子组件可以使用$emit方法向父组件传递事件，父组件通过监听这些事件来接收子组件的信息。以下是三种常见的子传父通信方法：1.使用v-on或@监听子组件事件：<!-- 父组件 --><template> <ChildComponent @child-event="parentMethod" /></template&gt…

胡同里的砖头2024/9/30【VueJS】

如图所示： 从上图可以看到回显的样式和编辑的样式不一因为编辑器输出或者生成的 HTML 都是纯标签，没有内联样式。所以，显示 HTML 时需要你自定义样式。在页面内引入以下样式<style>.editor-content-view { border-radius: 5px; padding: 0 10px; overflow-x: auto;}.editor-content-v…

胡同里的砖头2024/9/2【VueJS】

在Vue 3中，你可以使用props将值从父组件传递到子组件（弹窗内的image-upload组件）。以下是一个简单的例子：首先，确保你的image-upload组件可以接收props：// image-upload.vue<template> <!-- 你的图片上传组件模板 --></template> <script>export defaul…

胡同里的砖头2024/8/21【VueJS】

vue项目中有些做了语法校验，遇到了git提交失败，根据错误提示，成功解决了问题。错误提示 一、git提交失败 git:>running pre-commit hook:lint-staged 二、错误分析 这句话的意思，大概是有一个钩子，提交前检查项目代码的规范，eslint的检查。提交失败的原因：项目中error过多，导致检测未通过，提交失败。解决办法一、不进行检查 那…

胡同里的砖头2024/7/17【VueJS】

重点是两个语句// 重置节点cTable.value.store.states.treeData.value[row.id].loaded = false// 数据处理完成后 加载数据并展开父节点cTable.value.store.loadOrToggle(row)示例<template> <el-button type="success" @click=…

胡同里的砖头2024/6/28【VueJS】

一、map方法 （返回一个新的数组 新数组中的元素是经过map函数内部代码块处理过的数据）testMap() { let array = [1, 2, 3, 4]; let newArray = array.map(item=>{ return item += 1; }); console.log(newArray); }注意点：map函数内部必须要有return 将数据返回 否则…

胡同里的砖头2024/6/26【VueJS】

不需要计算的列 去掉prop 然后用插槽显示即可，则不会加入计算重复一下步骤1.去掉prop步骤2.用插槽显示将<el-table-column label="颜色" align="center" prop="color_Na"></el-table-column>改为<el-table-column lab…

胡同里的砖头2024/6/25【VueJS】

场景：在使用Element Plus中的table组件展示数据时，由于需要对表格行内数据的数据进行修改，在展开行内放置了一个输入框组件，但是在每次输入框输入时，展开行就会自动收起。解决方法：首先我们明确一点就是：在数据发生改变时是会引起表格的重新渲染的。<el-table :data="props.row.procureStateList" :border="t…

胡同里的砖头2024/6/25【VueJS】

可使用find方法或some方法，任选一种let arr = [ {id: 1, name: 'foo'}, {id: 2, name: 'bar'}, {id: 3, name: 'baz'}]let result = arr.find(item => item.name === 'bar')// 如果result不为u…

胡同里的砖头2024/6/7【VueJS】

watch( () => route.query.gt_del, (newPath, oldPath) => { state.queryForm.gt_del=route.query.gt_del // 路由变化，执行相应操作 fetchData() });

胡同里的砖头2024/5/30【VueJS】

<template> <el-tree :data="treeData" show-checkbox node-key="id" ref="treeRef" ></el-tree> <el-button @click="getChecked"&gt…

胡同里的砖头2024/4/22【VueJS】

Vue上传控件代码<el-upload class="avatar-uploader" action="https://localhost:7206/upload/index" :show-file-list="fal…

胡同里的砖头2024/4/10【VueJS】

打包后会发现index页面是空白甚至liver server服务开启都是空白找到vue.config.js 的配置，把默认的/前面加个点，因为发布的时候index和static在同一个目录，不加点找不到路径，所以页面报错找到JS文件 //打包配置文件module.exports = { assetsDir: 'static', parallel: false, /…

胡同里的砖头2024/3/14【VueJS】

APP.VUE文件里面没有写路由标签<router-view /><template> <div class="common-layout" > <el-container> <el-header> <span data-v-3d176773="" class=…

胡同里的砖头2024/3/7【VueJS】