- 博客(48)
- 资源 (85)
- 收藏
- 关注
RSS订阅原创 vuejs el-pagination 分页数据渲染
<!-- 分页 --><div class="pagination" v-if="totality*pageSizeCount > 1" :class="{'dn':this.totality <= 1}"> <el-pagination background @current-change="handleCurrentChange" :current-page="pageNum" :total="totality" layout="total, pre.
2021-03-09 10:24:34
430
1
转载 vue 导出文件携带请求头token
前言本文并不能直接复制到本地看效果，仅提供代码参考1.使用axios的方式携带请求头token2.设置响应的数据类型responseType: "blob"13.请求成功，返回二进制文件的数据回来4.请求失败，返回json5.示例代码<template> <div> <el-button type="primary" size="small" :loading="btnLoading" @click="exportFile">导出&
2021-03-08 14:30:23
877
1
转载 element table查询时，table内显示加载中，返回空数据时显示暂无数据（即empty-text的使用）
1.先来看下table内empty-text的含义2.
2020-12-16 16:38:02
2975
转载 element table 表格实现上移、下移
业务场景：有时候需要前端实现上移和下移功能代码如下：根据交互形式，我这里是把第一条数据的上移按钮置灰不可点击：:disabled="scope.$index == 0"；最后一条数据下移按钮置灰不可点击：:disabled="(scope.$index + 1) == tableData.length"。<template> <el-table :data="tableData"> <el-table-column ty
2020-12-15 17:40:46
3247
转载 Mac OS X Yosemite 10.10 配置 Apache+PHP 教程注意事项
首先启动 Apache，在终端里输入命令：sudo apachectl start查看 Apache 版本：httpd -v在Yosemite 10.10下，apache更新了Server version: Apache/2.4.9 (Unix)Server built: Sep 9 2014 14:48:20接着测试，我就发现如下几点需要修正，如有其它疑问欢迎交流：1、重新启用PHP，避免脚本直接显示在页面上首先是 http://localhost/ 会将 P
2020-05-20 14:30:58
205
原创 Code
<div class="grid"> <div class="list"> <button><span>Normal</span></button> <button></button> </div> <div class="li...
2019-11-17 16:39:52
182
原创 Vuejs 用router-link跳转带参数到下一个页面
在当前页面设置router-link<router-link class="normalBtn" tag="a" :to="{name:'historyRecordId',params: {id:radio}}" >下一步</router-link>然后在下一个页面接收上一个页面带过来的参数<script>export default { ...
2019-05-29 11:15:22
2984
原创 Vuejs style lang="scss" 样式里写背景图片路径
主要是在引入背景图片的前面加入“ ~@/assets/ ”<style lang="scss"> div{ height:600px; background-size:100%; background-repeat:no-repeat; background-position:center top; ...
2019-05-29 09:37:10
6236
2
转载 Vuejs 实现Element - tableData 列表排序上下移动
el-tabel 列表项实现上移，下移，删除功能结合Element组件，scope中有三个参数（row，cow，$index）分别表示行内容、列内容、以及此行索引值，table上绑定数组 :data=“newsList”。上移和下调两个按钮，并绑定上点击函数，将此行的索引值(scope.$index)作为参数：<template> <el-table ...
2019-05-28 16:24:13
2387
原创 Vuejs element table 表格添加，删除
Html 部份<el-table :data="tableData" style="width: 100%"> <el-table-column type="index" label="排序" min-width="20"> </el-table-column> ...
2019-05-24 18:34:13
379
原创 Vue.js element-ui date-picker日期选择后格式化为yyyy-mm-dd格式
项目中需要的日期格式为yyyy-mm-dd，但是我们在使用的element-ui的 日期选择器后默认的时间格式为Fri Sep 07 2018 00:00:00 GMT+0800 (中国标准时间)折腾了半天找到一种完美的方法，这记载datepicker中添加一句value-format=”yyyy-MM-dd” 即可，以下这样：<el-date-picker v-model=...
2019-05-16 17:18:13
2897
原创 Vue.js 和 ECharts 封装的图表组件库v-charts
1. 命令安装npm i v-charts echarts -S2. 在显示的页面进行参数配置<template> <div> <ve-line :data="chartData"></ve-line> </div></template><script>import VeLi...
2019-05-15 14:23:28
1090
转载 在vue.js中如何导出Excel表格
有一个项目需求，要求在前端项目中导出Excel表格，经过查找代码,Vue.js确实可以实现，具体实现步骤为：1. 安装依赖//npm npm install -S file-saver xlsxnpm install -D script-loader或者//yarnyarn add file-saveryarn add xlsxyarn add script-lo...
2019-05-14 15:39:20
131
转载 解决Vue在setTimeout内修改this失效的问题
在项目中会遇到 定时方面的需求。我们来用setTimeout来处理。1.简单业务需求 var itime = setInterval(function() { if(_this.step0_payMaxTime > 0) { _th...
2019-05-14 10:40:49
585
转载 Vue 中安装使用vue-quill-editor富文本编辑器
1、安装依赖npm install vue-quill-editor --save2、使用（1）在“项目名\src\main.js”引入import VueQuillEditor from 'vue-quill-editor'//一定要引入这三个css，不然文本编辑器会出现不规则黑白几何图形//这三个css可以在main.js中引入，也可以在具体使用的.vue文件中引入impo...
2019-05-13 11:48:56
3140
原创 Vue 在el-menu中导航栏实现方式
在el-menu中加上router参数，同时el-menu-item 中index直接写上链接地址，default-active="/home" 设置默认选中状态源代码如下：<el-menu default-active="/home" router> <el-menu-item index="/home"><...
2019-05-10 14:32:49
3767
转载 记 elementui switch开关中显示文字问题
我想要的效果官网提供的效果<el-table-column label="销售状态" min-width="10%"> <template slot-scope="scope"> <el-switch class="switchStyle" v-model="scope.r...
2019-05-08 10:45:24
5460
转载 在vue中使用sass的配置的方法
1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue2、在当前目录下，安装依赖$ cd myvue$ npm install3、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sa...
2019-04-16 10:58:38
122
转载 【grunt整合版】30分钟学会使用grunt打包前端代码
grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了http://www.cnblogs.com/y...
2019-02-13 10:19:51
177
转载 div模拟textarea文本域轻松实现高度自适应
一、关于textarea文本域以及高度自适应textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。例如企鹅微博的输入框：作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条，高度固执地岿然不动。所
2013-05-31 17:47:46
712
转载 AS3 FLASH文本编辑器
重要代码：package {import fl.controls.ColorPicker;import fl.controls.ComboBox;import flash.display.MovieClip;import flash.display.Sprite;import flash.events.EventDispatcher;import flash.text.
2013-01-30 10:42:34
473
转载 wordpress非插件在线投稿方法
和 WordPress 常规的新建页面模板一样，把主题的 page.php 另存为 tougao.php，并且在第一行的 一、在此新建的投稿页面中添加如下函数：if( isset($_POST['tougao_form']) && $_POST['tougao_form'] == 'send'){if ( isset($_COOKIE["tougao"]) && ( time(
2012-12-30 17:44:19
387
转载 完美实现WordPress自定义增加删除个人资料并且展示文章页
因为朋友的主题是多作者，他需要一个在文章页展示作者名片（个人资料）的功能，所以就搜索了一下相关文章。还算顺利，搜到几篇，但一直没有达到我想要的完美效果。经过询问PHP以及函数，终于搞定了这个问题。（至少Google里绝对搜不到我这么完美的方法）先说一下要做的效果。首先是每个会员都会在后台有“我的资料”一栏，我相信这里很少人会用，因为都不是国内不常用的。所以现在要把不常用的删掉，改成常用的新浪微
2012-12-30 00:25:38
1246
转载 轻松搞定：MyEclipse最新8.5版本汉化
许多开发的朋友对MyEclipse等工具的新版本都非常感兴趣，但是很多新版本都缺少汉化包，使很多朋友都不敢轻易使用。51CTO介绍了经典的MyEclipse 5.5的汉化方法和MyEclipse 7.0的汉化方法，今天再给大家介绍一下3月份公布的MyEclipse 8.5的汉化方法。（51CTO推荐：精通MyEclipse应用开发）首先下载汉化包文件下载地址：http://www.bl
2012-11-29 11:10:24
463
转载 js横向模拟滚动条展示特效
无标题文档$(function(){ var scro_zoom = parseInt($(".scro_mouse").width()/2); var scro = $("#scro"); var scroWidth = parseInt($("#scro").width()); var scroImgWidth = parseInt($(".scro_img ul
2012-11-28 16:34:35
678
转载 自定义个性滚动条css样式全程攻略
滚动条的美化自然应该列为一个重要的内容放在博客装饰教程中详细的讲解，与博客主色调合理搭配是是滚动条美化的基本要求。大家不应该做出一个与主体完全不符的样式来，这个另类的做法只能让人家一看就知道你是外行来了。冰河今天就整理出这篇文章来希望可以解决大家存在的问题。本文由冰河独立整理完成。如有雷同，纯属巧合！ 滚动条代码： BODY{ o
2012-11-27 16:13:14
516
转载 用css美化滚动条
入一段代码就能实现了(必须是IE5以上，或者是以IE5为内核的浏览器)首先，先让我们看这张图这段代码是在html中的和中加入其中#xxxxxx就是你选择的颜色的代码如果你还不明白请在看下面的几个例子 scrollbar-face-color:#BED8EB; /*（表面） */scrollbar-highlight-color:#92C0D1; /*（亮边） */
2012-11-27 16:07:04
363
转载 冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览器
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> new document http://code.jquery.com/jquery-1.6.1.min.js">> function
2012-11-27 15:03:10
3852
转载 Flash 连接 Mysql
1、先介绍如何用PHP连上数据库（数据库用户名“root”，密码“sun”，有库“myguestbook”）图6 2、PHP和MySQl通信（SQL语句：INSERT存，SELECT取）： PHP←MySQl：SELECT * FROM myguestbook； PHP→MySQL：INSERT INTO myguestbook(n
2012-11-26 14:56:15
573
转载 Flash_as3(XML的外部读取)
括读取外部xml文件，和通过URL读取xml。AS3.0中不像2.0那样集成了一个load()。AS3.0在架构上就设计了所有与外部打交道的都由URLrequest对象来进行，数据都由URLloader对象来接受。这样的架构设计是深思熟虑，且简洁优美的即可。 var myXML:XML = new XML();//初始化XML地址，可以是本地的"xxx.xml"，也可以是如下的
2012-11-24 09:44:48
394
转载 as读取xml文件到flash
今天来看看flash是怎么分析xml文档,并在flash文件中显示出来的,首页我们来看xml 文件:xml version="1.0" encoding="UTF-8"?>6场半全场第08032期推荐：罗马德比“和”... /show.php?id=5 2008-03-22 00:00:00 6场半全场第08032期推荐：罗马德比“和”... /show.p
2012-11-24 09:31:32
321
转载 Flex中的字符集（比如在ToolTip里要换行显示信息）
Flex帮助告诉我们，要在MXML的属性中使用特殊字符，可以使用HTML实体。但有的字符，没有HTML实体可用（例如换行符）。如果我需要在toolTip属性中换行，怎么办呢？答案是使用Latin字符集。对应的换行符的表示法是 下面是一个比较全的对照表，转自旺仔的专栏字符 十进制字符编号 实体名字 说明 — — 未使用Unused — — 未使用Unu
2012-11-23 15:48:50
407
转载 as3 内容自适应容器大小
package {import flash.display.Sprite;import flash.display.Bitmap;import flash.display.Graphics;/*示例内容自适应盒子的大小*/[SWF(width=800, height=600)]public class SampleAdjustSize extends Sprite {p
2012-11-23 13:59:28
318
转载 flash鼠标悬停信息提示
实现效果：很多会注意在IE里面会悬停到图片或者链接上，会有信息提示，用Dreamwear很容易就可以实现这样的效果，flash中间却没有这样的工具可以实现，所以必须要自己制作。演示：[upload=swf]UploadFile/2004-12/20041210115926486.sw制作过程：1、建立图片（如：源码中的logo元件）这个用于放在场景中，悬停到图片上就
2012-11-22 15:25:45
423
转载 [FLASH IDE] [教程]Flash处理外部XML文档数据详细教程[ASP,JSP]
准备:首先你得有台电脑.其次是要装上Windows系统和Flash8.XML基础:既然是处理XML文档.就要先来了解下XML文档.下面是我所了解的,有些是在Flash中用不到的.XML扩展标记语言(Extensible Markup Language)是SGML(Structured Generalized Markup Language)的子集.XML是由World
2012-11-21 22:34:07
422
转载 鼠标悬停信息提示
一直只有只有拿别人的东西，当然会脸红啊，今天发了个自己的写的教程，里面举例是用我的网站，而且我没有上传权限，希望管理员不要认为我是在做广告（我已经有个id给封了）。 实现效果：很多会注意在IE里面会悬停到图片或者链接上，会有信息提示，用Dreamwear很容易就可以实现这样的效果，flash中间却没有这样的工具可以实现，所以必须要自己制作。演示：制作过程：1、
2012-11-20 15:44:19
826
转载 asarea——AS3 ToolTip鼠标提示类
原文地址：http://www.asarea.cn/showdiary.jsp?id=157转载请注明出处，欢迎探讨，欢迎指正由于项目需要，今天写了一个鼠标提示类，现在共享出来，欢迎大家探讨。使用示例：import cn.asarea.tool.*;ToolTip.stage = stage;//ToolTip.setTipPrope
2012-11-20 15:42:45
434
转载 FLASH中鼠标提示类的编写
在FLASH中，依照网页里的鼠标提示效果。鼠标放在某按钮上，将会出现该按钮的提示信息。演示：http://www.taoshaw.com/flash/mousetip/mousetip.html制作思路与方法：1、新建TIP类：在第一帧中编写： class ToolTip { //定义要设置tip的影片剪辑 private var _target:M
2012-11-20 15:42:01
368
转载 flash中怎么制作一个按钮，当鼠标移上去就会显示文字（动态文本）？
答案(1)on (release) {getURL (" http://502251052.qzone.qq.com");}on (rollOver) { wmb._visible = true;txt204._visible =true; txt204== "名人博客"; }on (rollOut) { txt204._
2012-11-19 17:42:48
4970
转载 jquery或者js实现两个下拉列表框只可以选择其中一个
如图我有两个下拉列表框：分类搜寻和系列搜寻，当我选择了”分类搜寻“下拉列表的值时，“系列搜寻”选中项任然为《所有货品系列》，当我选择“系列搜寻”下拉列表的值时“分类搜寻”选中项还原为《所有货品分类》，请高手帮帮忙~ 谢谢了！ 最好是能用jquery实现问题补充： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
2012-11-19 11:06:43
729
jquery用ul模拟表单select列表/菜单效果
2013-01-08
AS3.0鼠标提示信息源文件
2012-12-24
超炫JavaScript 点击放大 图片展示
2012-12-12
Jquery水平滚动条插件–hScrollPane：重磅来袭！
2012-12-12
MyEclipse 8.5 汉化
2012-11-29
MyEclipse最新8.5版本汉化
2012-11-29
jquery 锁定表头和固定列(Fixed table head and columns)
2012-11-27
Flash Tooltip AS3 气泡提示框的源代码
2012-11-23
as3 提示框 自适应
2012-11-23
flash鼠标悬停信息提示
2012-11-22
点Flash按钮出现和隐藏对话框
2012-11-22
flash图片切换，包含热点信息
2012-11-20
jQuery圆角插件,实现兼容浏览器圆角效果
2012-11-16
css实现表单Select样式美化
2012-11-16
jQuery实现精美滚动条
2012-11-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人