俄罗斯方块

摘要： 1.v-model的用法 v-model的用法都知道，表单控件使用v-model绑定一个data中的值即可实现双向绑定： <input type="text" v-model="val" /> data(){ return { val: 0 } } 2.v-model是什么 它其实就是一个语法糖，这 阅读全文

摘要： 有个图表需要根据当前选择的选项展示不同的数据，效果如果图： 左边的图表要根据右边的下拉选获取对应接口数据。 算了直接放代码吧： <template> <div class="transaction-chart-comp"> <div class="tc-title chart-box-title"> 阅读全文

摘要： table等其他地方可能需要根据某个字段的值展示不同的状态，但是状态比较多的话却是需要很多的判断或者繁杂的三目判断，所以封装了一个用来展示的组件： 样式如图： 代码如下： <template> <div> <span> <span v-for="item in option" :key="item. 阅读全文

摘要： element-ui的table组件有筛选功能，可以通过关键词筛选指定条件的当前页的数据： 但是，我的需求是要在点击筛选时还要调用接口获取所有数据，看了下table组件自带的filter-method属性，它的实现原理就是遍历所有的当前页的数据，通过回调函数的形式判断当前行的数据是否和筛选条件一致， 阅读全文

摘要： 有个类似穿梭框的弹窗需求，看了下element-ui的Transfer组件，和原型查了很多。所以自己写了一个，原型图如下： 估计也没人看，直接放源码防止以后遇到同样需求： <template> <div class="select-people"> <div class="left"> <div c 阅读全文

摘要： 1.为什么要有原型和原型链 JavaScript中其实并没有类的概念。从es6通过class关键字才引入了Class这个概念，但是ES6的class可以看作是一个语法糖，它的绝大部分功能，ES5都可以做到。。 es6之前，实现生成实例对象的传统方法是通过构造函数。将实例对象与构造函数连接起来的就是原 阅读全文

摘要： 先说结论：构造函数和普通函数是一样的，没有任何区别。 比如一个函数： function foo(){ console.log("我是张三") } 这个函数可以直接这样调用： foo() // 我是张三 也可以当作一个构造函数： var a = new foo() // 我是张三 函数本身并不是构造函 阅读全文

摘要： 在uniapp开发小程序的时候，后端有时候给的数据是这样的顺序给好的日期:数据这样的键值对： let o = { '2021-01-01 00:00:00': '1', '2021-02-01 00:00:00': '2', '2021-03-01 00:00:00': '3', '2021-04- 阅读全文

摘要： 最近需要在不使用UI框架的情况下封装一个简单的表格，由于对antd-vue比较熟悉，所以仿照了antd-vue的样子写了个简化版的Table组件。 使用技术：VUE3、SCSS 用过antd-vue的都应该知道table组件主要的传参是两个：columns和dataSource，分别对应表头信息和表 阅读全文

摘要： 项目中有个比较麻烦的需求： 一个表格： 能手动向表格第一行增加一行 每一行的每一列在点击某一格时要能输入 每个表单控件需要有校验功能 支持多选 可以删除所选行 保存后需要前端做一个仅前端部分的查询 原型如下： 上面这些要求看起来就很麻烦。但是更麻烦的是，这个原型还是修改过的，原来的原型已经实现功能了 阅读全文