我也要用- 博客(875)
- 资源 (7)
- 论坛 (1)
- 收藏
- 关注
RSS订阅转载 vue中setInterval的清除
两种清除setInterval的方式：方案一：data() { return { timer: null // 定时器名称 } },mouted() { this.timer = (() => { // 某些操作 }, 1000)},beforeDestroy() { clearInterval(thi
2021-06-18 14:03:12
9
转载 vue 使用 setInterval()方法
mounted() { this.getElevatorList();// 要先这样执行一遍 setInterval(this.getElevatorList, 15000); // 然后下面的再执行一遍}
2021-06-18 11:15:55
37
原创 史上最易懂的ES6箭头函数详解
首先我们以es5的形式写一个方法:var one = function(){ return 'I am one';}console.log(one())那么，我们如何改成es6的写法呢？1.首先 先把 function删掉var one = (){ return 'I am one';}console.log(one())2.在小括号的右边加一个箭头var one = () => { return 'I am one';}consol.
2021-06-17 21:33:56
8
原创 几分钟搞明白Promise,Async,Await的用法
promise 将程序从异步 变成同步function one(){ return 'I am one'}function two(){ setTimeout(()=> { return 'I am two' },3000)}function three(){ return 'I am three'}function run(){ console.log(one()); console.log(two());
2021-06-17 21:14:42
19
1
原创 elementui
<template> <div class="demo"> <div> <ul> <li v-for="(item, index) in questionList" :key="index" style="margin-top: 20px; padding: 20px; border: 1px solid #666"> <div style="display: flex; align
2021-06-17 17:21:51
13
原创 element
<template> <div class="demo"> <div> <ul> <li v-for="(item, index) in questionList" :key="index" style="margin-top: 20px; padding: 20px; border: 1px solid #666"> <div style="display: flex; align
2021-06-17 16:21:41
11
转载 基于Vue的 点击按钮 添加一个input框
通过点击一个按钮添加一个input输入框值绑定到 items中，每一个输入框对应一个item<template> <div> <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i"> <button @click="onAdd">添加</button> </div></template><scr
2021-06-17 15:52:55
9
原创 element动态生成单选框，多选框
<template> <div class="demo"> <div> <ul> <li v-for="(item, index) in questionList" :key="index" style="margin-top: 20px; padding: 20px; border: 1px solid #666"> <div style="display: flex; align
2021-06-17 11:43:49
13
转载 js：await 异常捕获方法
由于在使用 async…await 方法时，经常采用 try…catch 捕获异常，如果有多个异步操作，需要每一次书写 try…catch。这样代码的简洁性较差，为了使代码更加的优雅，我们通过使用 await-to-jsjs 库来处理异常。安装：npm install await-to-js --save 使用： 引入to方法：import to from "await-to-js"; const [err, res] = await to(getResLay
2021-06-10 17:06:04
17
转载 element关闭弹框时清空表单内容
需求：关闭弹框时清空表单内容解决方法：使用@close事件，函数可以自定义 eg : resetForm()、closeDialog()<el-dialog :title="addTitle" :visible.sync="addVisible" @close="resetForm('ruleForm')"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
2021-06-08 15:46:26
25
ELEMENT
<template> <div class="demo"> <el-table :data="tableData" > <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="n.
2021-06-04 11:22:01
22
转载 element-UI——el-table添加序号
<el-table-column label="序号" type="index" width="50" align="center"> <template scope="scope"> <span>{{(page - 1) * pageSize + scope.$index + 1}}</span> </template></el-table-.
2021-06-02 15:15:04
27
转载 element-ui分页组件修改当前页current-page后current-change事件不触发的一个小bug
最近在开发中遇到一个element-ui分页的一个小bug，具体场景如下1、首先点击正常分页来到第二页数据正常展示
2021-06-01 15:02:07
28
转载 element-ui el-table 多列排序
element-ui el-table 多列排序需求：el-table 需要支持多列排序，后端排序。即就是在点击后重新发送请求，点击一列的排序，另一列的排序样式能够保留问题: element table 排序默认是单列排序最终实现效果：思路:header-click 事件 结合 header-cell-class-name 在点击表头的时候排序的列以及是升降序保存到一个数组对象里, 然后通过header-cell-class-name属性设置选中的样式<el-table
2021-05-25 14:12:56
29
1
原创 npm install 停在下载某个包的地方不动
在码云上clone一个项目下来，执行npm install命令安装依赖，同事电脑安装一切正常，但是我本地一致停在下载某个包的地方不动，类似extract:core-js: sill extract source-map@0.5.7这样或者 unexpected end of file 解决办法： 首先通过npm config list查看包的下载源是否是国内的淘宝镜像，这样的话就不会存在因为网络问题导致的下载缓慢的问题。 如果方法一没有解决该问题，可以尝试使用npm cac...
2021-05-21 14:02:41
72
2
转载 解决 “element分页：删除最后一页的所有数据后，currentPage显示正确，但列表内容为空” 的问题
问题描述：当表格有多页数据，并且末尾页只有一条数据时，删除末尾页的数据之后，数据列表为空，但是当前页码显示正确，还是直接上图说明吧。最后一页只有一条数据，删除操作之前如图所示：删除之后的现象，如图删除之后页码定位到第10页是没有问题，但是之前第10页有数据，为什么现在列表数据空了呢？问题排查：排查发现，在执行完删除操作之后请求了新的数据列表，请求参数如下图咦？我怎么传的是11呢？不应该传10吗？so…删除后得想办法及时更新掉page的值，再去请求列表数据解决办法
2021-05-21 11:58:31
43
转载 没有网情况下，如何部署前端
需要部署前端，客户那边只有内网。内网就是无网络状态，但是我们项目启动要有全局的webpack啊！，这可咋办啊，平时我们都联网npm install webpack -g完事，潇洒！没办法，硬着头皮百度了一下，发现还真的可以离线下载包，首先执行命令npm root -g然后会出来这么个路径，去自己电脑上找，但是坑爹的是，AppData这个路径系统有可能默认是隐藏文件夹，你得通过查看文件夹，让他显示出来就行了没错，就是这个路径，把你项目中本地的node_modules里的包
2021-05-17 08:48:01
36
转载 vue elementUI el-table 表格双击可编辑
<template>//表格也可以写成原生的table<el-table :data="addPlanRoute" border style="width:100%" @cell-dblclick="tableDbEdit"> <el-table-column property="order1" label="顺序"></el-table-column> <el-table-column property="order2.
2021-05-13 17:04:32
36
转载 elementui——表格的相同内容单元格合拼（合并）
如何实现相同内容的单元格合并？:span-method="objectSpanMethod"定义一个空数组：[]定义一个变量：0遍历数据如果有相同数据 在空数组添加一个0(相同数据的起始位加1)，不相同在数据push 一个1（变量改成当前索引）<html><el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 10
2021-05-13 15:44:07
42
转载 element-ui 解决 el-select 设置默认值后无法切换选项
原因：select已经绑定了值，render函数没有自动更新，数据刷新了但是视图没有刷新解决方法：使用this.$forceUpdate()重新render<el-select v-model="ruleForm.region" placeholder="请选择角色" @change="handleSelectChange"> <el-option v-for="item in roleOption" :key="item.id"
2021-04-27 14:51:49
84
转载 el-select 输入下拉搜索，匹配不到数据时也保留输入值，同时input获取焦点时保留其value值(el-select支持手动输入搜索)
需要注意的地方1.为了在匹配不到数据时也保留其输入的值，可以用 filter-method 自定义筛选2. el-select添加上filterable之后，点击展开，点击收起，会导致focus和blur事件不触发，但点击页面其他地方才可正常触发 ，可利用visible-change 事件来解决些问题3.input获取焦点时保留其value值用focus事件做相关赋值处理具体实现代码如下<template> <el-select id="selectInput..
2021-04-26 16:16:15
105
转载 HTTPS和SSH方式的区别和使用
在管理Git项目上，很多时候都是直接使用https url克隆到本地，当然也有有些人使用SSH url克隆到本地。这2种方式主要区别在于使用https url克隆对初学者来说会比较方便，复制https url然后到git Bash里面直接用clone命令克隆到本地，但是每次fetch和push代码都需要输入账户和密码，这也是https方式的麻烦之处。而使用SSH url克隆却需要在克隆之前先配置和添加好SSH key，因此，如果你想使用SSH url克隆的话，你必须是这个项目的拥有者。否则你死无
2021-04-22 15:06:12
37
转载 elementUI实现分页
分页的两种方式。前端分页，后端分页。两种方式各有个的优缺点吧。前端分页：后台只需将数据返回，不需要做过多处理，前端一次请求拿到所有数据后做分页处理。但数据量不能太大，因为前端是先一次性加载所有数据，然后在做分页处理。在数据量多的情况下，加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。 后端分页：因为是后端分页，前端在每点击一次分页时，便向后台请求一次数据。其实就是避免前端一次性从数据库获取大量数据一、在elementUI中将表格、分页引入自己的页面中 <template
2021-04-16 16:28:44
23
转载 ElementUI中switch开关的使用--关于如何将文字显示在按钮上的实现
具体实现步骤：（1）添加html代码的显示，此处写了class="switch"类名,是为了避免造成全局样式的污染。 <el-table-column label="上下架" align="center"> <template slot-scope="scope"> <el-switch class="switch" v-model="scope.row.status" ..
2021-04-15 09:20:40
70
转载 关于wow.js在vue项目中的使用及遇到的坑（css3效果）
在vue项目中的使用1. 安装npm install wowjs --save(animate.css会被自动安装，但是这里有坑)2. 在main.js中引入animate.css引入时需要注意看是引入的哪个animate.css文件，在后面有详细讲解。3. 引入wow.js并初始化这里方法有二方法1在main.js中添加importwowfrom'wowjs'Vue.prototype.$wow=wow在组件中mounted () ...
2021-04-14 09:52:33
58
转载 bootstrap中导航条data-toggle=collapse与data-target的联动
理想效果：当浏览器页面大于768px时，导航条最右侧的菜单按钮隐藏当浏览器页面小于768px时，可以点击菜单按钮显示、隐藏下拉菜单代码：其中navbar-toggle效果是隐藏菜单小图标，当屏幕分辨率小于768px时，移除此效果。data-gottle="collaspse"效果为此元素会与另一个元素联动，联动效果是显示与隐藏。data-target效果是选中与本元素联动的元素，“引号”内填目标元素的类名或id名，data-toggle用于控制隐藏无序列表，data-t
2021-04-13 14:45:40
101
原创 wow.min.js 支持css3多种动画的效果！(适用于官网等企业网站居多)
1、加入animate.css<linkhref="http://www.bbsxiaomi.com/case/css/animate.min.css"rel="stylesheet">2、加入wow.js。<scriptsrc="http://www.bbsxiaomi.com/js/wow.min.js"></script>3.初始化<script> new WOW().init(); </script&...
2021-04-13 14:40:10
38
转载 Vue.js 判断当前是开发环境还是生产环境
1，判断样例（1）有时我们需要在代码中判断目前项目是处于开发环境、还是生产环境，然后根据不同环境执行不同的逻辑代码。下面是一个简单的样例：2，判断原理（1）在项目的 config 文件夹下有 dev.env.js 和 prod.env.js 两个文件，它们分别配置开发环境的变量和生产环境的变量。（2）打开 dev.env.js 文件，可以看到 NODE_ENV 变量值为 development。'use strict'const merge = require('webpac
2021-04-01 09:05:04
104
2
转载 Vue - element-ui 中预览 word 、exce、ppt以及pdf文件
ps：如要私信，请直接说问题。https://view.officeapps.live.com/op/view.aspx?src= 用这个 链接 拼接 后端给你返回的 数据 直接在浏览器中打开 可以快捷测试后端返回的 数据 是否 符合要求最近写了个有 预览word 、Exce、ppt以及pdf文件 的后台 管理 在网上也找了 很多就感觉很复杂 ，当然最后还是实现了 ， 本博主一项喜欢简单 越简单越好 越好理解废话不多说 先上效果图 （我就喜欢那种有图的代码 能预览一下是不是自己想要的效果）.
2021-03-31 14:55:03
122
转载 PDF在线预览,并且不能复制文字
需要用到的插件：base64:npm install --save js-base64pdfjs-dist:npm i pdfjs-dist可以在main.js中全局引入(由于我写的是demo,所以没有全局引入)import PDFJS from 'pdfjs-dist'Vue use(PDFJS)定义的点击事件如下： <div class="readPfd"> <button @click="readPfd">预览<
2021-03-31 14:18:24
53
转载 vue word预览，excel预览，pdf预览
一、word预览–mammoth.js安装：npm install --save mammothtip：只能预览.docx文件word.vue: <template> <div> <div id="wordView" v-html="vHtml" /> </div></template><script>import mammoth from "mammoth";export default {
2021-03-31 14:13:27
213
2
原创 组件之间共享数据的方式
父向子传值：v-bind 属性绑定子向父传值：v-on 属性绑定兄弟组件之间共享数据：EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件1.安装vuex依赖包npm install vuex --save2.导入vuex包import Vuex from 'vuex'Vue.use(Vuex)3.创建store对象const store = new Vuex.Store({ // state中存放的就是全局共享的数据 ...
2021-03-24 21:58:16
45
转载 解决element-ui中，在表单中修改数据，表格的数据也跟着修改的问题
问题：在表单中修改数据，经常遇到表格的数据也跟着修改的问题，并且不管是不是按确定或取消按钮，表格的数据还是被修改了。 -部分代码如下：editRow(row: any): void { this.currentInfo = row; this.dialogVisible = true; this.title = '更新信息'; }-问题原因：this.currentInfo = row;这段代码中，row是Object对象类型，如果直接赋值的话，就变成了.
2021-03-24 14:07:46
126
转载 vue element upload 上传多个文件
element-ui upload组件多文件上传之前有一篇写的如何同时传递form表单及upload组件文件，如果有多个upload文件该如何传递呢上代码html按 Ctrl+C 复制代码<el-form ref="newform" :model="newform" :rules="rules"> <el-form-item prop="expName" label=""> <el-input v-model="newfo.
2021-03-15 11:55:35
67
转载 vue中el-table每一行根据某个属性，做判断，定义改行的样式
给el-table添加 :row-class-name="tableRowClassName"方法：tableRowClassName( { row, rowIndex }){ if (row.isDelay == "Y") { return 'success-row'; .
2021-03-15 11:32:03
186
原创 三维数组
<template> <div> <div v-for="(item,index) of list2" :key="index"> <div>{{ item.ContentText }}</div> <div v-for="it in item.Items" :key="it.Id"> <div>{{ it.ItemText }}</div> .
2021-03-12 15:12:04
44
转载 火狐浏览器滚动条如何隐藏，但是有滚动效果
overflow-y: scroll; scrollbar-color: transparent transparent; scrollbar-track-color: transparent; -ms-scrollbar-track-color: transparent;
2021-03-12 11:17:23
62
sublime_text3安装包
2017-11-19
js数字转汉字(含js).html
2020-05-08
百度UEDITOR 内网上传视频支持IE8的方法
2020-05-07
nginx-v1.13.8
2018-01-11
前端学习路线.doc
2020-03-26
小仙女de成长的留言板
发表于 2020-01-02 最后回复 2020-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝