qq_45163356的博客

一些常用的coomponents封装思路。

使用uniapp开发商城小程序的项目经验总结。

作为查漏补缺，温故知新。

啊啊啊啊

一：computed和methods的区别前者会有缓存，当变量发生变换时会发生改变，不发生变换则用缓存的结果，减少性能消耗，后者作为函数，会实时一直在变化，对于操作vue的变量多时建议使用cmputed，return 一个函数 computed: { show() { return function(a) { return (a += 1); }; }, }然后在别的地方可以调用 this.show(a) 传入a参数...

前言：本篇文章总结一下使用vue开发的一些项目配置以及一些开发技巧ESLint检测：package.json : 全局规则配置文件 'rules': { 'no-new': 'off' }在js/vue文件中修改局部规则 /* eslint-disable no-new */ new Vue({ el: 'body', components: { App } })vue.config.js...

前言：有时候我们不直接拿到后端返回的数据进行赋值操作，可能需要对后端数据进行加工包装，下面是一些我工作中学习上累计的一些实战逻辑方法。供交流学习增加push：像数组后一位添加，返回长度，一般定义一组对象，对象的value值等于后端返回的数据，将这个定义的对象push到数组里，再操作这个数组 const trend = { xlzj: res.data.xlzjtsl, } this.trendDayQsList.push(trend)spl.

业务要求：父组件表格有新增和编辑按钮，新增按钮时弹出对话框，输入框可编辑，编辑按钮时，输入框不可编辑。解决思路：1：通过在父组件data里定义一个真假字段editFlag: false,2：通过在新增和编辑按钮内修改this.editFlag=true/false。3：再通过父向子传值props，子组件接受<Dialog:edit-flag="editFlag"/> editFlag: { type: Boolean,...

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：记录开发需求动态循环列表头以及父子组件传参，参数插入到tabledata里的数组对象里：提示：以下是本篇文章正文内容，下面案例可供参考一、element框架动态循环列表头（根据tabledata表格数据里的对象的key值生成新的表头数组，再动态循环这个表头数组，达到一一对应的关系）1：循环el.

工作业务：父组件表格显示，新增编辑按钮弹出子组件对话框进行数据操作

引言：其实编程思想是通过饿了么组件自身的方法，拿到组件上面的数据，拿这些数据进行查询条件或者进行下一步操作，饿了么组件上的回调函数不需要传参，在methods里可以直接定义参数接受页面结构包括： 上部标签，下部 树结构 和 表格 分页，新增按钮弹出对话框点击上面标签触发下面不同页面的展示，主要是click方法 @click="tab(1)" tab(e) { switch (e) { case 1: ..

前言：有时候表单会要已表格的样式布局，实现表格里每一项表单的验证，其实关键在于表单项设置prop，绑定输入框的model值，这个model值来自于表格的数据返回（scope.row.数据值）表单prop验证，表格显示，表单嵌套表格实现表格每一项的验证Prop绑定表单对象中对应的部分，才能用对应的规则。所以在表单项中验证规则必须要有prop， :prop="'tableData.' + scope.$index + 'date'" 才能使用:rules="alldata.rule.

公鸡打鸣

11

111

做一个vue商城项目总结的经验