vue

1，条件渲染 1.1 v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 <template> <div> <p v-if="true">我是成年人</p> <p v-if="false">我是小朋友</p> <p v-if="age>=18">我是成年人 --&…

vue-cli使用方法：（nodejs6.0以上版本，npm3.0以上版本） 1 // install vue-cli 安装依赖包 2 npm install –g vue-cli 3 // 使用vue-cli初始化项目 4 vue init webpack my-project 5 // install dependencies and go! 6 //进入项目目录 7 cd my-projec…

如何将Vue项目部署到github上？ 在github上创建两个仓库，一个放源码，一个放展示页面。放源码的仓库操作步骤照常。今天重点讲如何部署展示页面。 1.在github上创建仓库（xxx） 2.在项目文件夹中的vue.config.js中插入 publicPath: process.env.NODE_ENV === 'production' ? '/SkyLineWebsite/'//这里写展…

随笔记录： 今天接到的需求中有个表格的合并行需要同时用到大写和小写； 金额过大时，当前行定义的sum[5]单价列会自动换行； 没有百度到合适的方法； 后来用别的方式改造 // 这里是官方的合计方法 getSummaries(param) { const { columns, data } = param; const sums = []; columns.forEach((column, inde…

一、先要安装node.js 官网： https://nodejs.org/zh-cn/download/ 二、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设置缓存文件夹 npm config set cache “D:\vueProject\nodejs\node_cache” 设置全…

vue项目中使用echarts图表，图表需根据不同搜索条件重新渲染。 问题：图表并没有完全重新渲染，或者说渲染后图表中还会看到上一次的数据。假如上一次渲染出十条数据，这次渲染出六条数据，但是显示的还是十条，前六条是本次渲染内容，后四条是上次渲染的后四条数据。 这样看来，肯定是重新渲染前需要清空数据的问题，但是数据置空的代码写了还是没能达到理想的效果。 下面是画图方法： drawLine(){ le…

今天偶然看到一个问题，是关于vue父子组件生命周期的，自己最后也没有写出正确的答案，所以特此记录一下这个知识点。（以下均为基于vue2.x的情况，vue3.x生命周期有所变化，但是同样可以类比） 问题 首先给出我遇到的问题，这也是平常笔试面试可能遇到的问题： 假设以下生命周期中含有下列功能 父组件beforeCreate：打印a1 父组件created：打印a2 父组件beforeMount：打印…

2022.9.6 一、需求 最近领导提了一个新需求：仿照e签宝，实现pdf电子签章！ 最终实现效果图 这是做出来的效果图，当然还有很多待修改 二、思路 然后我就去看了下人家e签宝的操作界面，左侧是印章，右侧是pdf，然后拖拽印章到pdf上面，点击保存，下次打开时显示印章的位置。 思路：我首先想到了拖拽、pdf预览、坐标；分工明确，前端来实现拖拽，pdf预览及把印章信息和坐标传给后端，后端只需要把信…

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面…

记录一下应用场景:当添加的内容属于暂存数据时,再次选择时需要把已添加的数据设置为不可选,避免上传时数据重复 文章目录 HTML 方法区 效果图 HTML 在selection组件中添加:selectable属性 <el-table-column :selectable="checkSelectMember" type="selection" width="55" align="center"…