vue学习
关注
分享
扫一扫
学无止境
lily2016n
人是铁，范是钢~ 一天不装憋的慌
展开
-
vue设置cookie的方法封装
common.js//设置cookie,增加到vue实例方便全局调用 setCookie:(c_name, value, expiredays) => { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + "=" + escap...原创 2018-11-21 17:34:13 · 2618 阅读 · 0 评论 -
Vue-详解设置路由导航的两种方法：router-link和router.push
转自：http://www.cnblogs.com/superlizhao/p/8527317.html一、<router-link :to="..."> to里的值可以是一个字符串路径，或者一个描述地址的对象。例如：// 字符串<router-link to="apple"> to apple</router-link>// 对象<rout...转载 2018-11-21 16:27:14 · 1820 阅读 · 0 评论 -
Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
转载地址https://blog.youkuaiyun.com/lander_xiong/article/details/79018737 Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一...转载 2018-09-12 18:47:04 · 516 阅读 · 0 评论 -
vue引入公共的css及在对应的模板.vue文件中引入css的方法
在我们创建的vue项目中，为了使页面更加简洁，我们通常把公共的css和单个组件的css写道外面单个引入。 文件目录如下 加公共的css ①在main.js中加入@import '../static/css/reset.css'（main.js 是我们的入口文件，主要作用是初始化vue实例并使用需要的插件；App.vue是我们的主组件，所有页面都是在App.vue下...原创 2018-04-23 17:03:02 · 44871 阅读 · 2 评论 -
vue导航栏自定义设置带图片（选中状态刷新不消失）
转载自https://blog.youkuaiyun.com/wang1006008051/article/details/78686451?utm_source=blogxgwz6Vue导航栏 用Vue写手机端的项目，经常会写底部导航栏，我这里总结一套比较方便实用的底部导航栏方法，并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看...转载 2018-11-22 10:30:22 · 2994 阅读 · 0 评论 -
vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.
一进页面就报错如下一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了key值是必须唯一的，如果重复就会报错可以把key值改为index，就可以避免这个情况...原创 2018-11-16 16:08:33 · 130492 阅读 · 15 评论 -
vue利用axios来完成数据的交互实例及安装方法
axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用 现在Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios。所以学习了下，总结如下。一、功能特性 1、在浏览器中发送 XMLHttpRequests 请求 2、在 node.js 中发送 http请求 3、支持 Promise API 4、拦截请求和...原创 2018-03-22 15:34:45 · 6019 阅读 · 2 评论 -
vue中"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序"的报错
在vue项目中发现了这个报错 解决办法将项目里的“node_modules”文件夹删除，然后重新运行cnpm install原创 2018-03-16 17:14:30 · 14231 阅读 · 2 评论 -
vue添加删除元素的方法
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;原创 2018-02-24 15:23:37 · 39806 阅读 · 4 评论 -
vue怎么点击获取当前元素
vue中有两种方法获取到当前元素 var el = event.target; //当前元素，可修改（能够用此方法获取到他的子元素，不能获取他本身的内容） var el = event.currentTarget;//当前元素，不可修改（能够用此方法获取到他的子元素及能获取他本身的内容）html<div id="example-2"> <!-- `on...原创 2018-01-24 20:24:03 · 32131 阅读 · 0 评论 -
vue 搭建项目环境方法步骤
1、安装node.js 步骤方法参考 http://www.runoob.com/nodejs/nodejs-install-setup.html 2、node -v 检测是否安装成功 3、 $ npm install -g cnpm –registry=https://registry.npm.taobao.org 安装npm 4、npm -v 检测是否安装原创 2017-10-16 14:57:04 · 576 阅读 · 0 评论 -
v-for 列表渲染---表格的制作
v-for 指令根据一组数组的选项列表进行渲染v-for="item in items"items是一个数组，item是当前被遍历的数组元素。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style原创 2017-07-21 15:35:29 · 9113 阅读 · 1 评论 -
在vue项目中引入highcharts图表的方法
npm进行highchars的导入，导入完成后就可以进行highchars的可视化组件开发了npm install highcharts --save1、components目录下新建一个chart.vue组件<template> <div class="x-bar"> <div :id="id" :option="option"></div> </div></templa原创 2017-07-20 17:50:50 · 10756 阅读 · 1 评论 -
在vue中使用sass的配置的方法
1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue2、在当前目录下，安装依赖$ cd my-project$ npm install3、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass4、在buil原创 2017-07-18 16:45:38 · 89399 阅读 · 9 评论 -
Vue-Socket.io的使用步骤
第一步安装依赖npm install vue-socket.io --save第二步在main.js中引入import VueSocketIO from 'vue-socket.io'Vue.use(new VueSocketIO({ debug: true, connection: 'http://metinseylan.com:1992', vuex: { ...原创 2019-10-10 15:28:16 · 11908 阅读 · 2 评论