随笔分类 - vue
摘要：使用 u-list 组件 动态加载数据时 滑动列表元素 会出现抖动的情况 解决 设置 preLoadScreen 为根据 page 的动态变换就可以了 preLoadScreen 列表前后预渲染的屏数，1 代表一个屏幕的高度，1.5 代表 1 个半屏幕高度 <u-list @scrolltolowe
阅读全文
摘要：elementui 使用过程一些细节 搜索框重置，没有清除问题 <el-form-item label="签约人" prop="signatories"> <el-input v-model="queryParams.signatories" placeholder="签约人" clearable
阅读全文
摘要：<el-date-picker v-model="inItem.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-
阅读全文
摘要：最近用flex布局，但是每个栏目数目不固定，布局起来，有些很紧密，有些间距才超级大，与设计稿的效果相差太远太远了。 之前我处理，是写一堆样式，把可能的情况都包含，勉强可以实现。 今天又碰到类似的问题，但是我不想那样写了。于是网上搜索了。终于找到一个我满意的。 链接：https://www.csdn.
阅读全文
摘要：uviewui 组件使用 一 创建uniApp 新建——项目——uni-app——默认模板 二下载 uviewui 组件 下载地址：https://ext.dcloud.net.cn/plugin?id=1593 点击： 下载插件ZIP 解压文件 修改名称为 uview-ui ，然后复制到项目下 三
阅读全文
摘要：getList(){ let data=[ { workflowDefinitionId:'workflowDefinitionId', name:'退款申请', state:1, bpmnId:'tk', useObj:1, typeCode:'01', typeName:'财务类' }, { w
阅读全文
摘要：今天把node.js 从 v12.16.3 升级到 v16.14.2 然后原来的程序系统出现了这个问题 先删除 npm uninstall node-sass 或 cnpm uninstall node-sass 然后安装与node v16.14.2 版本相匹配的 node sass 6.0 cnp
阅读全文
摘要：之前电脑一直是用vue2开发，所以vue3没有安装。 现在要开始用vue3开发了。所以要学习了。 因为之前的项目也要维护所以，必须安装两个版本。 今天在网上搜索了一下，找到方案了。 首先在电脑上找一个盘，我是F盘，新建一个文件夹vue3 然后进入这个文件夹 输入 npm install @vue/c
阅读全文
摘要：需求就是日期选择需要快捷方法，并且需要这些选项 今天，昨天，本周，本月，上月，本季度，上季度，本年，上年，最近7天，最近30天。 网上找了几个，然后综合了一下，基本满足了需求功能要求， 上代码 <el-form-item label="时间段" prop="platformName"> <el-da
阅读全文
摘要：这是我学习vue3做的一个demo,功能实现了增删查改。是演示效果，没有真正与数据库打交道。 做这个demo的过程中，我遇到了几个问题。还好一一解决了。所以我觉得必要分享出来。 给各位像我一样的新手。少浪费一些时间，多学习一些新知识。 我也是参考博客园一些人的文章，开始学的。 先看看效果。 整体效果
阅读全文
摘要：需要实现的功能是，点击列表（子组件），修改父组件的值，并改子组件变背景颜色。 效果图 这里用四种方法实现，应该还有第五种，第六种。 如果有更好的方式，欢迎大家留言提供。 页面 最上级页面 <template> <div class="box"> <div>列表项目</div> <MyList :li
阅读全文
摘要：项目中需要使用echarts图表功能。刚开始都是一个echarts图表排成一排。没有内容的时候显得非常空而乱。于是改成一排两个，但是又出现新的问题了。如果查询数据比较多的时候，内容都挤在一起了，非常不友好。于是想到一个可以放大缩小的功能，这样不就很完美了。想法不错，实现起来却遇到了困难。于是网上找，
阅读全文
摘要：最近用vue-element-admin框架做项目，有这么一个需求，从首页汇总数据点击跳转到新页面图表明细。就是以前的锚点定位！昨天没有做成功，今天又来实验，终于成功了！现在记录一下，希望对有需要的人一点参考。 克隆项目，运行项目，现在一个简单的页面，添加了三个按钮。运行如下！ 点击第一个跳转结果
阅读全文
摘要：1 代码 <template> <div class="app-container"> <div class="chart-bg chy-datashow"> <div class="chart-wrapper"> <div class="chart-title"> <span>充值金额趋势</sp
阅读全文
摘要：第一步 创建仓库 第二步 创建文件夹test 【个人测试】 第三步 获取仓库 第四步 得到结果 本来是绿色显示的，因为我已经执行后面的步奏了，所以变成红色了 第五步 在test 这个目录输入 第六步 得到 第七步 初始化项目 第八步 生成的项目目录——完美 第九步 提交代码 第十步 在gitee上呈
阅读全文
摘要：按照这里的操作 https://github.com/ecomfe/vue-echarts/blob/master/README.zh_CN.md 安装 echarts 修改 // The Vue build version to load with the `import` command //
阅读全文
摘要：前端真的调整不好了，先记录一下吧，以后再完善。 <template> <div style="overflow: hidden;"> <el-row type="flex" :gutter="10" justify="center" v-show="!fullscreen"> <el-col :sp
阅读全文
摘要：建一个文件夹store 在下面新建一个文件inde.jx import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state={ //要设置的全局访问的state对象 name: 'beautiful', address:
阅读全文
摘要：第一种方法 通过调用父组件的方法改变值 子组件 MyDemo.vue <template> <div> <span @click="test">{{title}}</span> </div> </template> <script> export default { name: 'mydemo',
阅读全文
摘要：安装vue-qr npm install vue-qr --save 生成二维码实列 属性介绍 下载二维码 参考链接 http://www.fly63.com/article/detial/5606
阅读全文
