VueJs
文章平均质量分 51
zjw0742
这个作者很懒,什么都没留下…
展开
-
vue绑定样式
Class 与 Style 绑定数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性,我们可以用 v-bind 处理它们:我们只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在v-bind 用于 class 和 style 时,Vue.js 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。绑定 HTML Class转载 2017-06-19 22:20:21 · 3074 阅读 · 0 评论 -
框架开发中处理异步操作的方式,善用回调函数。
原创 2017-11-23 10:32:10 · 257 阅读 · 0 评论 -
js驼峰命名和下划线转换
在网上找的这段,比较喜欢1.驼峰转连字符: var s = "fooStyleCss"; s = s.replace(/([A-Z])/g,"-$1").toLowerCase();//利用正则进行替换,简洁明了,很棒 2.转驼峰var s1 = "foo-style-css";s1 = s1.replace(//-(/w)/转载 2017-11-18 10:51:08 · 7931 阅读 · 2 评论 -
vue-cli中使用less的方式!
npm install less-loader --save-devnpm install less --save-dev@import '../'style/common.less';@test-color:red;@test-color-hover:darken(@test-color,10%);@selector:testid;@property:colo转载 2017-11-06 23:43:59 · 3026 阅读 · 0 评论 -
发布npm包
然后,npm init的工作做完了。接下来就是:用npm命令登陆一下:Paste_Image.png如果你对password是空的感到疑惑的话,不用紧张,命令行输入密码是不会显示的。然后,在你的目录下使用npm publish就像这样:Paste_Image.png这里因为我已经发布过了,而且version版本没有改变,所以这里npm会给我报错。原创 2017-09-03 15:34:15 · 449 阅读 · 0 评论 -
Vue中点击组件外关闭组件的实现方式
Vue定义全局点击函数,参数为点击的回调函数。Vue.prototype.globalClick = function (callback) { //页面全局点击 $(document).click(callback);}组件挂载后监听全局的点击事件mounted:function () { this.globalClick(this.handleClickOut);原创 2017-09-03 15:31:29 · 9340 阅读 · 0 评论 -
时间格式化插件http://momentjs.com/
http://momentjs.com/原创 2017-09-23 12:16:02 · 334 阅读 · 0 评论 -
vue框架下的滚动条优化插件
https://github.com/GarveyZuo/EasyScrollVue下的滚动条优化插件EasyScroll使用:运行:npm isntall --save easyscroll使用:import EasyScroll from 'easyscroll';Vue.use(EasyScroll);原创 2017-09-02 17:49:18 · 19208 阅读 · 7 评论 -
elementui 表单验证
rules: { account: [{ required: true, message: '请输入用户名', trigger: 'blur' }, { min: 2, max: 25, message: '长度在转载 2017-07-18 14:01:55 · 5353 阅读 · 0 评论 -
使用Object.prototype上的原生toString()方法判断数据类型
使用Object.prototype上的原生toString()方法判断数据类型,使用方法如下:Object.prototype.toString.call(value)1.判断基本类型:bject.prototype上的原生toString()方法判断数据类型,使用方法如下:Object.prototype.toString.cal转载 2017-07-17 20:49:28 · 510 阅读 · 0 评论 -
为什么使用"use strict"可以节约你的时间
// file.js"use strict"function doStuff(){ // use strict is enabled here!}这样佻的file.js都会应用上"use strict"模式。如果你仅想在一个函数中使用:// file.jsfunction a(){ "use strict"; // use strict is ena转载 2017-07-17 20:34:40 · 1193 阅读 · 0 评论 -
基于element-ui封装的分页组件,功能齐全。
template> div class="el-table-self"> el-table @row-click="rowClick" :data="tableData" :height="tableHeight" @sort-change="sortChange" border @se原创 2017-06-28 10:47:57 · 22866 阅读 · 2 评论 -
vue中绑定属性时添加表达式的书写方式!!
:label="item.claSeq + '班'" :label="item.claSeq + '班'" :label="item.claSeq + '班'" :label="item.claSeq +'班'"常量使用单引号括起来,双引号还是需要的原创 2017-06-15 14:37:40 · 12419 阅读 · 0 评论 -
eslint代码规范,规则配置
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作转载 2017-07-13 11:21:58 · 1012 阅读 · 0 评论 -
element-ui 表格实现单元格可编辑的方法
:data="tableData" border @cell-mouse-enter="handleMouseEnter" @cell-mouse-leave="handleMouseOut" style="width: 100%"> label="日期" width="180">原创 2017-06-30 20:56:59 · 54817 阅读 · 8 评论 -
vue 中打包iconfont 出错问题!!!
在vue框架中引入了阿里的图标库iconfont 但是打包后文件路径不对导致图标显示不出来。之后再vue-cli的webpack打包文件中修改一行配置:添加一行publicPaht:‘../../’原创 2017-06-20 17:57:26 · 4949 阅读 · 1 评论 -
国际化插件vuex-i18n
vuex-i18nWe are big fans of the awesome vue, vuex and vue-router libraries and were just looking for an easy to use internationalization plugin, employing as much of the "standard library" as poss转载 2017-06-19 22:23:01 · 8572 阅读 · 1 评论 -
移动端vw布局详解
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案,都还存在一定的缺陷。言外之意,还没有哪一个方案是完美的。事实上真的不完美?其实不然。最近为了新...转载 2018-02-19 16:23:52 · 161236 阅读 · 4 评论