- 博客(12)
- 收藏
- 关注
RSS订阅原创 element中table表格合并进行封装
今天遇到了个问题，就是需要表格合并，页面写太麻烦，而且其他页面又要重新写一遍，直接封装一下就行1、创建一个js文件，就叫index.js吧上代码：/** * * @param {Array} mergeKeys 要合并的keys数组 * @param {Array} tableData 渲染table组件的原始数据 * @param {String} distinguish 判断不同的标识 */export function handleTableSpan(mergeKeys, ta
2022-08-01 18:27:31
619
原创 解决quasar中的q-tree结构default-expand-all不生效的问题
今天在工作中用quasar框架遇到了树（q-tree）结构默认不全部展开子节点的问题。quasar框架代码中已经加入default-expand-all属性，但是就是不生效 <q-tree class="col-12" :nodes="treeNodes" node-key="id" label-key="searchName" children-key="children" tick-strategy="strict" :ticked.sync="
2022-04-12 15:24:54
1104
原创 vue写抽奖大转盘
圆盘抽取活动我是用的第三方插件写的，叫lucky-canvas工具https://100px.net/npm安装：npm install @lucky-canvas/vue@latest在全局中引入：import VueLuckyCanvas from '@lucky-canvas/vue'Vue.use(VueLuckyCanvas)这个网站提供了js、vue、react和微信小程序等方法中使用，需要的都可以参考当我们刚进入页面就是这样子，啥也没有，因为我们需要调接口展示转盘数据的。
2022-01-12 15:30:00
1325
1
原创 antd+vue利用输入框输入的数值，来动态展示表格数据
antd结合vue写监听输入框的数据让table表格增加数据，并且输入的数值不能超过选中这条数据的总和。当选择某一条数据后，请求后端就会给我们返回这条数据的总数，当我们在红色输入框内输入的数字大于蓝色下拉框返回的总值时就会提示。让用户重新选择。（如下图）输入数字会在右侧表格追加数据。（如下图）那么接下来那就让代码演示一下吧<a-table :columns="columns" :data-source="tableData" :pagination="false" :scroll="{
2022-01-12 10:47:34
2002
原创 antd+vue的table表格整行添加点击事件
<a-table :columns="columns4" :data-source="tableData5" :pagination="false" :customRow="demandList" >:customRow="demandList"触发事件的方法。demandList(row,index){ return{ on:{ click :()=>{ console.log(row,"当前行数据") .
2022-01-12 09:58:38
998
原创 vue+antd写table表格展开和收起的自定义按钮
今天在开发项目中，需要让table表格实现可展开效果，但是官网给的却是+号，挺不好看的，需要自定义按钮来让页面的table表格变好看。官网的：修改官网后的这样看来确实好看多了。话不多说，上代码：<a-table :columns="columns" :data-source="data" :rowKey="(record) => record.id" :pagination="pagination" @change="ha
2022-01-10 10:07:21
3935
2
原创 JavaScript 之封装方法（10种）
一些常用的javascript方法，希望可以帮到大家1、输入一个值，返回其数据类型function type(para) { return Object.prototype.toString.call(para)}2、数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => {
2021-11-26 15:29:38
3511
原创 Vue结合Element UI中的分页从封装到页面使用
Vue结合Element中的分页，从封装到页面使用。分页一直让人捉摸不透，今天上班正好遇到了，就自己封装了一个分页，方便以后使用，也发出来我们一起使用。互相学习吧。大概样式就是这样的。那么接下来就直接上代码吧！封装组件页面，命名为page4.vue<template><div id="pagination" v-if="total>10"> <span @click="currentchange(1)" class="btn">首页<
2021-05-30 17:06:28
194
原创 Element UI中的radio框切换年、月、日。
Element UI中的radio框切换年、月、日。今天上班写了年、月、日、的切换并且带有提示框的发请求获取数据，纠结了很久才想到可以定义一个方法来动态获取当前点击的数据来进行发请求。接口是一样的，只是参数发请求传的参数不一样。效果如下：点击每一个按钮会提示是否需要更改当前所点击的时间，可以取消或者确定。取消和确定切换之后会进行提示。（因为此接口是内部接口外网访问不到，导致确定之后返回的是取消切换）代码如下<template> <div> <el-r
2021-05-24 17:33:24
675
1
原创 JS的常用方法（数组、字符串、时间）
JavaScript的数组：一、数组对象的作用是：使用单独的变量名来存储一系列的值二、 数组的类型：1、数据的组合，都是有规律的按顺序排好，从0开始，也是一个存储数据的空间三、数组的创建方式：1、字面量创建的方法2、内置构造函数的创建方法：总结：当使用内置函数这个创建方式的时候，如果不传递参数，那么就是一个空数组、不是一个数字的话，那么就表示数组里的一个数据、如果传递多个，每一个参数都表示数组里的一个参数。三、数字的索引及length是的属性四、数组的使用方法：字符串字符串在E
2020-05-24 09:55:14
291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人