随笔分类 - vue
摘要：<template> <el-select v-model="selectedMpsChoice" placeholder="请选择"> <el-option v-for="item in mpsChoices" :key="item.value" :label="item.label" :valu
阅读全文
摘要：handleChange() { this.temp.plan_qty = Number(this.temp.odf_qty) + Number(this.temp.add_qty); } Explanation: Number(this.temp.odf_qty) ensures that thi
阅读全文
摘要：前端部分（Vue 3 + Element Plus） 1. 修改 MPS002HList.vue（主生产计划列表） a. 添加查询表单 在模板中添加查询表单，包含产品料号、品名、规格和年月的输入项。 <template> <div> <!-- 查询表单 --> <el-form :inline="t
阅读全文
摘要：// 确认confirm(id) { if (this.isEdit && this.form.list !== undefined && this.form.list.length <= 0) { this.$notify({ title: '表身为空时不能确认', type: 'error' }
阅读全文
摘要：排查400 (Bad Request)和解决这个问题，可以按照以下步骤进行： 检查URL和端点：确保URL http://127.0.0.1:8008/basicApp/BS037HModel/ 是正确的，并且该端点在服务器上存在。 检查请求参数：确认发送请求时的任何参数都是正确的，包括查询参数、请
阅读全文
摘要：在 Vue.js 中，<template> 标签是一种特殊的标签，它用于定义组件的模板，但不会直接渲染为 HTML 元素。它的主要用途是在编写组件和使用插槽时提供灵活的模板定义。以下是关于 <template> 标签的一些关键概念和使用示例。 基本用法 组件模板：在单文件组件中（.vue 文件），<
阅读全文
摘要：在 JavaScript 中，await 是一个用于处理异步操作的关键字。它只能在 async 函数内部使用，并且用于等待一个 Promise 对象的解析。在 Vue 3 中，await 关键字常用于在组合式 API 的 setup 函数中处理异步操作，比如数据获取。 使用 await 的示例 以下
阅读全文
摘要：Promise 是 JavaScript 中用于处理异步操作的一种对象。它代表了一个异步操作的最终完成（或失败）及其结果值。在处理异步操作时，Promise 提供了一种更干净、更可读的方式来管理回调函数。 Promise 的状态 一个 Promise 对象有三种状态： Pending（进行中）：初始
阅读全文
摘要：async 关键字用于声明一个异步函数，这个函数会返回一个 Promise 对象。与 await 关键字配合使用时，可以在异步函数中暂停代码执行，直到 Promise 解决或拒绝，从而使异步代码的处理更简单和同步化。 使用 async 的示例 下面是一个完整的 Vue 3 组件示例，展示了如何使用
阅读全文
摘要：onMounted 是一个生命周期钩子函数，在组件挂载到 DOM 后运行。在这里你可以执行需要在组件可用后进行的操作，比如获取数据、设置订阅或初始化第三方库。 使用示例： import { onMounted } from 'vue'; onMounted(() => { // 组件挂载后执行的代码
阅读全文
摘要：ref 用于创建一个对值的响应式引用。这个值可以是原始值（如数字或字符串）或对象。当 ref 的值发生变化时，Vue 会自动更新 DOM 或任何其他使用该 ref 的响应式依赖。 使用示例： import { ref } from 'vue'; const count = ref(0); // 创建
阅读全文
摘要：API 变动 样式类名变化: 一些组件的样式类名有所变动，可能需要更新你的自定义样式。 事件名和属性名变化: 某些组件的事件名和属性名发生了变化，需要检查 Element Plus 文档 以了解详细信息。 使用 setup 函数: 在 Vue 3 中，可以使用 Composition API（如 s
阅读全文
摘要：引入样式 Element UI (Vue 2): import 'element-ui/lib/theme-chalk/index.css'; Element Plus (Vue 3): import 'element-plus/dist/index.css';
阅读全文
摘要：安装和引入方式 Element UI (Vue 2): // main.js import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.u
阅读全文
摘要：通过修改 getWK005 函数来实现这一点。这里的 query 参数就是发送 GET 请求时的查询参数。你可以将需要的条件作为 query 对象的属性传递进去。比如，如果你想要按照特定的条件查询信息，你可以在调用 getWK005 函数时传递这些条件。例如： getWK005({ conditio
阅读全文
摘要：mt_qty: (this.temp.id && this.temp.mt_qty) ? this.temp.mt_qty : event.wo_wip,在这个修正后的代码中，使用了条件三元运算符来判断 this.temp.id 是否存在且 mt_qty 是否已被赋值。如果条件成立，将保留已存在的
阅读全文
摘要：<el-form-item label="入库类型" prop="mt_type"> <el-select v-model="form.mt_type" filterable placeholder="请选择" style="width: 145px" :disabled="true" > <el-
阅读全文
摘要：可以通过min-width属性来设置el-table-column的最小宽度。以下是一个示例： <template> <el-table :data="tableData"> <el-table-column prop="item_no" label="料号" :min-width="100"></
阅读全文
摘要：Axios是一个基于Promise的易用、简洁且高效的HTTP请求插件，可以用于浏览器和Node.js。首先执行yarn命令安装依赖，安装成功时在package.json文件的dependencies下多出了Axios及其版本号，笔者写此书时，安装的版本为0.26.1，如所示。 yarn add a
阅读全文
摘要：Element-plus的徽章组件el-badge Element Plus 是一个基于 Vue.js 的 UI 组件库，它提供了一系列的常用 UI 组件供开发者使用。其中，徽章组件(el-badge)是其中之一。 徽章组件(el-badge)可以在其他元素上展示一个小圆点或者一个数字，用于标记某种
阅读全文
