vue
wyw223
这个作者很懒,什么都没留下…
展开
-
element ui里边el-tree的使用方法
<el-tree :data="data2" show-checkbox node-key="id" ref="DeviceGroupTree" @check-change="handleChangeCl原创 2019-03-12 17:27:35 · 9755 阅读 · 0 评论 -
vue使用canvas生成地图图例
1.写canvas标签<canvas ref='cvs' width="150px" height="200px"></canvas>2.数据 ldata:[{ "label": "30000 以上", &原创 2019-03-14 11:19:10 · 2636 阅读 · 2 评论 -
vue nextTick的使用
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOMVue 是异步执行 DOM 更新的,这就用到了事件循环机制,//改变数据vm.message = 'changed'//想要立即使用更新后的DOM。这样不行,因为设置message后DOM还没有更新console.log(vm.$el.textContent) // 并不会得到'chang...转载 2019-02-25 15:08:10 · 153 阅读 · 0 评论 -
vue实现路由按需加载
1.使用vue异步组件的方式vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .但是,这种情况下一个组件生成一个js文件/* vue异步组件技术 */{ path: '/home', name: 'home', component: resolve => require(['@/components/home'],resolve)},{...转载 2019-02-25 14:21:14 · 516 阅读 · 0 评论 -
vue router 导航守卫
vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的判断用户有没有登录// 全局路由守卫router.beforeEach((to, from, next) => { const userdata = Cookies.get('userdata') if (!userdata) { ...原创 2019-02-25 14:02:20 · 294 阅读 · 0 评论 -
el-upload上传图片获得base64编码
文件上传组件 <el-upload class="upload-demo" ref="upload" action="" drag multiple :auto-upload="false" ...原创 2018-12-30 11:56:06 · 4269 阅读 · 0 评论 -
vue设计调查问卷:换个思路解决问题
巡检项目里边有个设计调查问卷的功能,就是web端设置很多题,在app上做。做调查问卷的时候里边有很多逻辑,例如关联逻辑与跳题逻辑,关联逻辑是 当选中这道题关联的某道题的选项的时候,这道题才出现,跳题逻辑是点击这道题的某一个选项的时候直接跳到某道题,逻辑很复杂。刚开始我是通过操作数组中的元素实现的,当有某道题关联逻辑的时候,删除这个元素,当选中它所关联的选项的时候,再在数组中增加这个元素。当某道...原创 2018-12-27 16:03:49 · 2791 阅读 · 3 评论 -
vue中的生命周期函数
原创 2018-11-21 00:47:19 · 157 阅读 · 0 评论 -
移动端rem匹配
Rem是相对于根元素font-size大小的单位记inphone5屏幕宽度是 320px font-size16px 1rem=16px<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scal...原创 2018-11-21 00:45:55 · 125 阅读 · 0 评论 -
vue-awesome-swiper实现轮播图
1.首先通过npm安装vue-awesome-swiper,我在项目中用的是2.6.7版本npm install vue-awesome-swiper@2.6.7 –save在main.js中引入import VueAwesomeSwiper from ‘vue-awesome-swiper’import ‘swiper/dist/css/swiper.css’Vue.use(Vu...原创 2018-11-21 00:42:08 · 328 阅读 · 0 评论 -
axios post请求向后端提交数据
axios向后端提交数据容易接收不到原因是传参方式是request payload,参数格式是json,而并非用的是form传参,所以在后台用接收form数据的方式接收参数就接收不到了。post表单请求提交时,使用的Content-Type是application/x-www-form-urlencoded,而使用原生AJAX的POST请求如果不指定请求头RequestHeader,默认使用的Co...原创 2018-11-21 00:38:50 · 2095 阅读 · 0 评论 -
vue父子组件传值
1.父组件给子组件传值用props属性实现<city-list :cities='cities' :hot='hotCities' :letter='letter'></city-list>子组件通过props属性来接收export default { name:"CityList", props:{ hot:...原创 2018-11-21 00:31:58 · 108 阅读 · 0 评论 -
vue使用animate.css类库实现动画
首先安装animate.css类库cnpm install animate.css –save然后在vue的script文件中引用import $ from ‘…/assets/js/jquery.js’;//非必要import animate from ‘animate.css’使用方法//使用duration来统一设置入场和离场时候动画 //还可以分别设置 :duration=...原创 2018-11-21 00:28:41 · 375 阅读 · 0 评论 -
vue动画使用javascript钩子函数
钩子函数从before-enter – enter –after-enter-entercancelled也是一个完整的生命周期<transition v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-cancelled="enterCanc...原创 2018-11-21 00:26:00 · 501 阅读 · 0 评论 -
vue过动画
在vue中实现过渡动画,需要用到transition把需要被动画控制的元素包裹起来&lt;div id="demo"&gt; &lt;button v-on:click="show = !show"&gt; Toggle &lt;/button&gt; &lt;transition name=&q原创 2018-11-21 00:22:03 · 100 阅读 · 0 评论 -
将博客从博客园搬到CSDN
博客园博客地址:https://www.cnblogs.com/wangyawei/原创 2018-11-21 00:17:33 · 633 阅读 · 0 评论 -
前端使用blob下载文件
const url = '/download/possible' let downData = { 'param':JSON.stringify(selectData) } const options = { method: 'POST', headers: { 'cont...原创 2019-03-12 17:31:40 · 4885 阅读 · 2 评论