![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-js
文章平均质量分 58
Coding_Jia
这个作者很懒,什么都没留下…
展开
-
Vue.js实现tab切换效果
Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API,能够让开发者在开发web应用的时候更加简易便捷。实际上,一直让Vue引以为豪的是它的便捷性、执行力、灵活性。 目前在学习Vue.js。在学习的时候需要把手动操作DOM的思维去掉,因为Vue是数据驱动,不需要手动操作DOM。他通过一些特殊的hmtl语法,将DOM和数据绑定起来。一旦创建了绑定,DOM就会和数据保持同步,每当变更了原创 2017-05-24 22:19:30 · 57753 阅读 · 6 评论 -
vue.js移动端配置flexible.js
适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpm install lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'3.px转换rem使用 webpack 的 px2rem-loader,自动将px转换为rem 安装原创 2017-12-21 17:52:49 · 10326 阅读 · 0 评论 -
vuex初探
1.安装vuexnpm install vuex --save2.在src文件夹下创建一个store文件夹,然后在里面创建一个index.js文件,文件内容如下import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);// 定义常量 如果访问他的话,就叫访问状态对象const state = { ...原创 2018-01-17 22:30:39 · 310 阅读 · 0 评论 -
vue项目 设置scrollTop不起作用 总结
vue项目 设置scrollTop不起作用 总结今天在开发中,遇到这样一个情景。一个页面中有三个模块,每个模块对应一个标题,每个模块内容都很长,所以需要点击当前模块对应的标题滚动到模块所在位置。 我想的方案是获取到每个模块距离文档顶部的距离,然后将值赋给对应要滚动的元素。 步骤如下:首先给每个模块一个id,例如:<div class="module module1" i...原创 2018-06-22 20:03:19 · 25125 阅读 · 5 评论 -
vue props传Array/Object类型值,子组件报错解决办法
当在父组件通过props传Array/Object类型值给子组件的时候,如果子组件的props接收default为 exampleData:{ type:Array, default:[] }时,系统会报错Invalid default value for prop "slides": Props with type Object/Array must use a fact...原创 2018-07-19 20:19:01 · 8562 阅读 · 0 评论 -
vue2.x集成百度UEditor富文本编辑器方法
最近开发vue项目过程中,由于产品需要在项目中添加富文本编辑器,也在npm上找了几个基于vue开发的富文本编辑器,但是对兼容性比较高,不能兼容到IE9,10。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头,记录下来以便以后需要的时候可以直接用。1.首先下载UEditor源码,将整个文件放到static文件夹中 2.然后将UEditor集成到项目中去。...原创 2018-08-04 13:52:30 · 10060 阅读 · 2 评论 -
vue项目开发全局组件笔记
在开发vue项目时,经常会用到element UI组件,在全局使用像message,toast,alert等组件得时候会很方便,但是在开发需要UI制定的项目时,就不能使用element UI了,这时就需要自己去开发属于自己的组件库了。具体的开发方法官网提供了。下面我们就根据官网提供的方法来开发属于我们自己的alert警告组件首先我们要在src/components文件夹下创建一个alert文...原创 2019-01-30 16:18:56 · 463 阅读 · 1 评论