蔡俊锋的博客 Internet of things

Change all the time, change for the better !

我为什么要立刻放弃 React 而使用 Vue?

现在,Vue.js 在 Github 上得到的星星数已经超过了 React。这个框架的流行度在不断增长,由于它并没有像 Facebok(React)或 Google(Angular)那样的大公司支持,这种增长让人非常惊讶。 我会在这篇文章里说明我对 Vue 流行的一些看法,以及为什么它能超过...

2018-12-05 17:20:18

阅读数:13

评论数:0

响应式滚动图懒加载 element ui el-carousel 组件优化代码

 响应式滚动图懒加载 element ui  el-carousel 组件优化代码    懒加载插件vue-lazyload //main.js import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload, { preLo...

2018-11-27 10:33:37

阅读数:45

评论数:0

Vue生命周期和钩子函数的一些理解

vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执行顺序和什么时候执行,看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 ps:下面代码可以直接复制出去执行 <!DOCTY...

2018-11-27 10:12:12

阅读数:19

评论数:0

element ui el-carousel 滚动图 vue 基于vue-lazyload图片懒加载、延迟加载 解决方案

vue-lazyload插件github地址:https://github.com/hilongjw/vue-lazyload#requirements 效果是默认不加载图片,先用一个占位符图来代替,等使用图片的时再进行加载(比如滚动到图片的时候),如果真正的图片请求出错了,用默认的出错图片来进...

2018-11-06 15:14:51

阅读数:121

评论数:0

vue 牛人发布的优秀资源 vue资源大全

Awesome Vue.js  A curated list of awesome things related to Vue.js Resources Official Resources External Resources Job Portal Community ...

2018-10-18 14:35:33

阅读数:284

评论数:0

vue的style绑定background-image url 写法

.login-container { background: url(‘~@/assets/login_images/login_background.png’);

2018-09-05 14:42:50

阅读数:432

评论数:0

vue前端框架面试问题汇总,附答案

1、active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件。   2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?  答:在router目录下的index.js文件中,对path属性加上/:id。  使用rou...

2018-08-06 15:31:14

阅读数:133

评论数:0

vue-router路由懒加载(解决vue项目首次加载慢)

懒加载:----------------------------------------------------?    也叫延迟加载,即在需要的时候进行加载,随用随载。为什么需要懒加载?    像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时...

2018-06-29 14:56:02

阅读数:88

评论数:0

element ui 表单验证残留提示处理

问题:如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个,那么第二个表单会出现验证错误的信息点击编辑框解决方法:添加表单重置验证我们可以通过为两个表单添加ref属性之后在通过调用resetFields()方法来解决问题代码如下<el-form :mod...

2018-03-27 09:46:31

阅读数:3190

评论数:0

怎么处理table 与 form绑定的问题(现象:点击取消后 修改的值还是在table显示)

问题:表单中的用户名和模态框中的用户名没有绑定同一个model,但之后在模态框捏输入发现表单内的用户名也发生了改变。原本计划是想点保存之后再改变的。解决方法找到判断模态框是否显示的变量。之后用watch监听该属性。然后就不会发生上述问题。表单:<el-table :key='...

2018-03-27 09:43:21

阅读数:79

评论数:0

vscode中使用beautify插件格式化vue文件

**点击设置,找到beautify.language并在html一栏里加上vue,so easy!** "beautify.language": { "js": { &quo...

2018-03-23 16:52:23

阅读数:1754

评论数:1

Element UI的表格table列的宽度自适应设置

不要设置  width="110px" <el-table-column prop="login_id" align="center" label=&quo...

2018-03-23 16:05:22

阅读数:14494

评论数:0

vue如何让自定义函数挂到全局

在main.js里进行全局注册Vue.prototype.ajax = function (){}在所有组件里可调用this.ajax 实例main.js Vue.prototype.ChangeDateFormat = function (row, column){ // ChangeDa...

2018-03-21 16:35:42

阅读数:1003

评论数:0

vue2.0的Element UI的表格table列时间戳格式化

表格属性[html] view plain copy<el-table                  :data="tableData"                  v-loading.body="loading...

2018-03-14 14:45:14

阅读数:849

评论数:0

vue element table 相关页面跳转实例代码

vue element table 相关页面跳转实例代码 el-table-column width="100px" align="center" label="样板名"> template scope=&...

2018-02-07 17:02:12

阅读数:435

评论数:0

el-table使用图片实例代码

el-table使用图片实例代码

2018-02-07 16:58:11

阅读数:1192

评论数:0

vue2.0的Element UI的表格table列时间戳格式化

表格属性 [html] view plain copy el-table                   :data="tableData"                   v-loading.body="...

2017-12-04 10:14:42

阅读数:2231

评论数:0

vue 开发中element-ui库的switch开关绑定number类型数据不成功问题 解决方法

最近在使用element-ui库进行vue项目的开发,这个ui库对于一些后台管理项目的开发还是非常实用的,各种组件都比较齐全,而且文档也很详细。但是对于我这种初学者来说,部分组件的文档还需更加详细。 其中的switch开关组件,我在这就花费了不少时间才完成自己想要的效果。    ...

2017-11-14 11:29:48

阅读数:5564

评论数:6

Vue.js 上传文件(后台使用.net)

页面部分 "app"> "myform"> "file" name="fileup" id="fileup" v-on:change="fileC...

2017-11-06 14:28:24

阅读数:1668

评论数:0

Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制

接口权限控制页面权限控制 编写路由表页面访问权限页面元素操作权限路由控制完整流程图 NEXT登录及系统菜单加载本系列目录 后台管理系统中,权限控制一般分为两个部分。一个是接口访问的权限控制,一个是页面的权限控制。本章将讲述这两种权限控制如何实现。本章内容较多,请耐心阅读。 接口权限...

2017-11-01 09:58:46

阅读数:1732

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭