随笔分类 - A2-2-vue-node-npm
摘要：# 为什么需要Vue-json-viewer 在前端开发中，我们经常需要处理JSON数据。然而，JSON数据一般是以字符串的形式来传递，难以直观地查看、理解和调试，这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。 # 安装 vue-json-viewer插件
阅读全文
摘要：# vue-clipboard2介绍 vue-clipboard2是前端能够调用剪切板的一个插件。具体的描述官网上也有具体的说明， npm地址https://www.npmjs.com/package/vue-clipboard2 github地址https://github.com/Inndy/v
阅读全文
摘要：# 介绍 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。
阅读全文
摘要：Element的el-select组件change事件获取label的值 在如下el-select组件的代码中，要想在change事件时获取label的值。 ``` ``` # 方法1：修改:value的值 我们可以修改:value的值为"{value:item.opinionId,label:it
阅读全文
摘要：``` ``` ``` .roll-dialog ::v-deep .el-dialog .el-dialog__body { padding: 3px 30px; overflow-y: scroll; height: 400px; } ```
阅读全文
摘要：# 前言 使用Vue框架进行开发，组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同，开发人员还是得必须封装自己得组件，如果换了一个项目，
阅读全文
摘要：element ui 穿梭框宽度调整 ``` //... ... /* 穿梭框 赋值后*/ this.$nextTick(function () { this.$refs.grant_transfer.$el.querySelectorAll('div.el-transfer-panel').for
阅读全文
摘要：# 模板引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 ref attribute： ``` ``` ref 是一个特殊的 attribute 它允许我们在一个特定的 DOM 元素
阅读全文
摘要：# vuex介绍 Vuex是什么？为什么要用它？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”（数据仓库），让其在各个页面上实现数据的共享包括状态，并且可操作 vuex官方解释 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它
阅读全文
摘要：# 1.要求 在做一些用户信息相关的功能时，经常用到表单项去收集数据，其中有些属性必须填写，  # 2.实现方法 在
阅读全文
摘要：RangeError: Maximum call stack size exceeded vue 项目运行报错：RangeError: Maximum call stack size exceeded ； 意思是 堆栈溢出（内存溢出） ![](https://img2023.cnblogs.com/
阅读全文
摘要：# 背景 在进行表格操作时，使用element-ui 表格控件时加入复选框后默认是无法进行翻页记忆的。 # 翻页记忆 在进行复选框翻页记忆操作时需要在表格与复选框中分别添加，这个两个参数在翻页复选中必须添加，否则无效。 ``` :row-key="getRowKeys" // 获取每行的信息 :re
阅读全文
摘要：# 1.默认排序很简单 在el-table标签中加入默认属性 :default-sort ="{prop:'date',order:'descending'}" 然后在单独一列中 ``` ``` # 2.后台排序 需要根据需要给后台发送信息，让后台做一些操作 首先在el-table标签中加入事件监听
阅读全文
摘要：代码： ``` {{ props.row.name }} {{ props.row.shop }} {{ props.row.id }} {{ props.row.shopId }} {{ props.row.category }} {{ props.row.address }} {{ props.
阅读全文
摘要：el-table基础上如何实现表格上下拖拽排序 element ui 表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。 https://www.itxst.com/sortablejs/neuinffi.html 实现步骤： 1.安装Sortable.js ``` npm
阅读全文
摘要：# 关于node-sass和sass-loader的一系列让人头疼的问题！ # 问题 在运行一个比较旧的项目时，进行npm install构建，node-sass安装失败，构建直接报错 提示，缺少python2，按照正常思路，我们一般直接去搞一个python2,调个环境变量完事儿。 由于我的Node
阅读全文
摘要：# 侦听器 我们需要在状态变化时执行一些操作：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。 在选项式 API 中，我们可以使用 watch 选项在每次响应式属性发生变化时触发一个函数。 # 案例 ``` Ask a yes/no question: {{ answer }} ```
阅读全文
摘要：使用原因 创建了一个任务后，有两种方式去查看任务状态： 后端在执行中去刷新任务的状态，前端刷新时展示任务状态 前端主动请求任务状态并显示 方式 前端主动请求就可以用到定时器 注意：开始setInterval定时器：页面一进来或事件触发 结束定时器：页面离开前清除或者事件触发 事件触发 <templa
阅读全文
摘要：vue结合element组件编写多tab页面的实践 第一个知识点：tabs element组件的地址：https://element.eleme.cn/#/zh-CN/component/tabs#zi-ding-yi-biao-qian-ye 第二个知识点：动态表单 vue 实现动态表单，点击新增
阅读全文
摘要：# 介绍 Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括： 官方文档：https://router.vuejs.org/zh/guide/ # 下载 ``` npm install vue-router@4
阅读全文
浙公网安备 33010602011771号