随笔分类 - 前端自查编码
一些遇到过的前端方面的技术记录
摘要：前端调试断点方面 目录前端调试断点方面前端报错出了问题debugger 前端报错出了问题 后端没问题但页面显示不是预想的样式，出现问题，F12 进入 Network 找哪一个请求出了问题，找到那一个请求： 然后去前端全局查找 ctrl + shift + R 找到 import 的就是引入使用此方法
阅读全文
摘要：父向子传参： 父传，等于号后面的是父里定义的，等于号前面的是子接受的样式，可以 "xxY" 自行转换为 "xx-y"： // 父template里的子组件标签中 :opr-flag="oprFlag" :addGoodsDate="addGoodsDate" // 父的script中 const o
阅读全文
摘要：easyExcel 导入导出 导入 官方文档：https://easyexcel.opensource.alibaba.com/docs/current/ 使用文档中的依赖配置 vue 前端使用 <el-upload> 组件： <el-upload class="upload-demo" :auto
阅读全文
摘要：场景 js 中存储 xAxisData = [......]、yAxisData = [......]，想在 vue 中使用，但要求使用前转化成 data 存有若干个 (x, y) 的形式 在改变 xAxisData 或 yAxisData 的任意一值时，都会反馈更新到 vue 的每一个调用了 da
阅读全文
摘要：在 Vue 中，使用 ref 函数创建响应式的数据： 对象初始化： const addGoodsDate = ref({}); const addGoodsDate = ref({ name: '', price: 0 }); 数组初始化： const appGoodsList = ref([]);
阅读全文
摘要：标签内属性形式 在 Vue 中，v-xx、@xx 和 :xx 是不同的语法形式，具有不同的用途和语义 v-xx 形式：这是用于注册或使用 Vue 提供的内置指令或自定义指令。v- 是 Vue 指令的前缀，后面跟着指令的名称 例如，内置指令：v-if 可以根据条件控制元素的显示和隐藏，v-for 可以
阅读全文
摘要：vue 树形选择器 主要用后端处理显示数据 根据 el-Element 官网可知，想要使用树形选择器 <el-tree-select> 就要提供以下形式的数据： data = [ { value: '1', label: 'Level one 1', children: [ { value: '1-
阅读全文
摘要：用的是 <el-dialog> 里加子弹窗组件标签（自定义） addGoods 的形式，如以下形式 <el-dialog> <addGoods> ...... </addGoods> </el-dialog> 新增 就是给新增按钮加一个事件，事件包括弹窗的打开（给 el-dialog 的 v-mod
阅读全文
摘要：标签中 :title <el-collapse-item :title="' 第' + (yAxisIndex + 1) + '个y轴配置'" v-for="(yAxisItem,y
阅读全文
摘要：数据校验 表单中 以增加和修改下的弹窗里的 el-form 表单标签为例： 表单标签： <el-form :model="addGoodsDate" :rules="rule" ref="goodsFormRef"> :model 是 Element UI 中的一个属性，用于指定表单的数据模型（和
阅读全文
摘要：vue 百分值与数值之间转换 方法一： let topValue = Number(this.optionModel.grid[i].top); 是尝试把整个字符串转换为数字，包括百分号。如果字符串不能被解析为有效的数字，那么结果将是 NaN，在这种情况下，你可能需要添加错误处理代码来处理这种情况
阅读全文
摘要：vue 循环显示数据 el-table 中 <template> <el-table :data="goodsList"> <el-table-column prop="goodsName" label="商品名称"></el-table-column> <!-- ...... --> </el-t
阅读全文
摘要：vue 弹窗 <el-dialog> </el-dialog> 可以在其中编写所需的弹窗显示的内容 也可以在其中放组件标签作为弹窗 放一个组件的话，例： <el-dialog v-model="addGoodsDialog" :title="addGoodsTitle" width="60%" de
阅读全文
摘要：vue 编辑器组件 添加依赖 "dependencies": { "@codemirror/autocomplete": "^6.4.2", "@codemirror/commands": "^6.2.1", "@codemirror/lang-javascript": "^6.0.2", "@co
阅读全文
摘要：只适用于选项式 API 的情况下 this.$refs 是用于在 Vue 组件中访问子组件或者 DOM 元素的一种方式。通常，在模板中可以使用 ref 属性为子组件或者 DOM 元素指定引用，然后通过 this.$refs 来访问这些引用 在选项式 API（Options API）中，比如在 met
阅读全文
摘要：JSON.stringify 和 JSON.parse JSON.stringify()： 作用： 用于将 JavaScript 对象或值转换为 JSON 字符串 语法： JSON.stringify(value[, replacer[, space]]) value: 要转换为 JSON 字符串的
阅读全文
摘要：Element-Plus —— el-row + el-col element 是把每行划分为 24 个分栏 span 规定一个 col 占据 24 份中的多少份 平分一行为两列： <el-row> <el-col :span="12" >示例1</el-col> <el-col :span="12
阅读全文
摘要：node.js 下载，安装依赖使项目运行 自查 nodejs 下载自查：( npm 一般随 node 携带 ) where node：查看 node 所在 npm install -g @vue/cli：下载 npm 下载安装 下载地址 https://nodejs.cn/download/ 按需求
阅读全文
摘要：以下大多都摘自菜鸟教程：https://www.runoob.com/ HTML 简介 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup t
阅读全文
