2017年09月_bloxed

12月 11月 10月 09月 08月 07月 03月

原创浅谈Vue个性化dashBoard 布局

dashBoard布局在管理系统使用比较多；使用自己喜欢的方式进行自定义布局使用npm 安装npm install vue-grid-layout全局使用import vueGridLayout from 'vue-grid-layout';Vue.use(vueGridLayout);局部使用var GridLayout = vueGridLayout.GridLayout;var GridI

2017-09-29 22:09:05 7784 7

原创 element UI 模态层dialog自定义大小

element dialog有几种定义大小的样式；tiny/small/large/full；自定义大小custom-class=“ ” ； Dialog 的自定义类名修改dialog的width ;height 百分比，可设置大小。

2017-09-29 21:49:52 58303 5

原创浅谈vue 动态加载、注册组件

在大型项目中，vue组件是灵活复用的，需要从后台获取组件，加载注册渲染到页面，在项目遇到这个问题很久，没有得到解决，收集各方资料，整合一下栗子：下面这个数组，我们是从后台获取到的数据，其中有component属性，这就是存在后台的组件名字，this.layout是一个随时变化的数组，开始并不知道它有多少组件，没法实现提前注册，变需要使用动态加载注册；this.layout=[

2017-09-28 22:21:29 8438 1

原创 element ui下拉组件command传输对象

command绑定变量对象方法使用v-bind : command绑定简写：command

2017-09-28 22:00:53 8124 1

原创 vue axios同步请求解决方案

在vue项目里面，需要循环发送ajax请求，出现的问题就是循环结束，第一次服务器还没返回，导致数据处理错误，需要使用同步请求解决方案目前没有发现axios可以同步请求，所以只能使用jQuery，配置同步请求；$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:false, //或false,是否异步

2017-09-28 21:53:01 55590

原创 element ui 加载过度效果

例如给table加加载效果 <el-table :data="tableData" border style="width: 100%;margin-bottom: 10px;" v-loading="loadingUsergroupList" element-loading-text="正在拼命加载中。。。。">loadingUsergroup

2017-09-21 10:43:12 7135

原创 element UI下拉触发方式

导航下拉出发方式 <el-dropdown @command="handleDashBoard" trigger="click" class="navdash"> <span class="el-dropdown-link" > <span >面板</span> <i class="el-ico

2017-09-20 09:58:12 13521 2

原创 vue 三元判断绑定class

v-bind:class="index==searchIndex ? 'typeselect' : ''"

2017-09-19 22:36:23 23557

原创轻松搭建angular2.0项目

要求：安装node6.9，npm3.0以上版本接下来两步完成项目的搭建1、安装全局angular cli脚手架命令 npm install -g @angular/cli2、在想搭建项目的目录下，shift+鼠标右击，（选择当前窗口打开命令行），在cmd下执行命令ng new my-app项目环境搭建成功，在my-app目录下打开cmd窗口,执行 npm install 安装依赖

2017-09-12 23:34:26 708

原创验证码点击无法更新处理

解决方案：请求地址ur后面加随机数URL+Math.floor(Math.random()*100)

2017-09-09 00:17:00 589

原创浅谈vue 项目router (路由)+ views（界面）配置方案

前言：在公司的项目里，一般的dome 的router配置方案无法满足项目的要求，需要一套属于项目的路由配置。个人理解：router配置界面就像遛宠物，router 就是宠物链，views就是宠物。界面切换就是路由切换。 import 导入需要配置的界面组件，通过router输出，通过某一菜单列把router循环渲染，点击不同菜单router切换不同组件。

2017-09-09 00:09:06 6687

原创浅谈使用element ui + vuedraggable + sortablejs实现多种版式布局及托拽（2）

接下来是实现托拽排序，使用方法在项目根目录打开cmd命令安装vuedraggable 、sortablejs；命令 npm install vuedraggablenpm insall sortablejs在需要使用的界面引入import draggable from 'vuedraggable'import Sortable from 'sortablejs'注册组件 comp

2017-09-08 23:45:38 38265 30

原创浅谈使用element ui + vuedraggable + sortablejs实现多种版式布局及托拽（1）

前言：在当前主流的PC界面实现方案中，为了给客户更好的体验，我们需要实现多种布局方式一列布局（100%）两列布局（50%，50%）三列布局（33%，33%，33%）左右布局（3 7分布，7 3分布）图片（1）图片（2）图片（3）图片1，2是其中的两种布局效果图，3版式布局样式使用element UI实现布局方案js布局数据 vu

2017-09-08 23:20:31 10804 28

原创 vue 图片渲染

使用v-for循环渲染图片图片徐然都是经过编译的，所以js里layTable:[{id:1,src:require("../../../assets/A12.png"),laytype:"A"}, {id:2,src:require("../../../assets/AA12.png"),laytype:"AA"},

2017-09-08 22:46:06 4055 2

上传附件插件包

不使用flash插件上传附件，下载之后，解压，直接放入静态资源加载

2018-08-13

看板布局代码分享

下载压缩包dash.rar,装有node环境，直接启动（npm run dev）;无需安装依赖

2018-07-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人