![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
lily2016n
人是铁,范是钢~ 一天不装憋的慌
展开
-
在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 · 10711 阅读 · 1 评论 -
关于VUE中 import 、 export 和 export default 的注意问题
转自 https://blog.csdn.net/qq_36091581/article/details/78213245import 引入一个自己写的js文件,是需要相对路径的。 示例:import axios from ‘axios’; <br>import AppService from ‘./appService’;</p>2、import什么情况下,要用...转载 2018-12-06 13:55:50 · 607 阅读 · 0 评论 -
vue导航栏自定义设置带图片(选中状态刷新不消失)
转载自https://blog.csdn.net/wang1006008051/article/details/78686451?utm_source=blogxgwz6Vue导航栏 用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看...转载 2018-11-22 10:30:22 · 2914 阅读 · 0 评论 -
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 · 2540 阅读 · 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 · 1797 阅读 · 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 · 129964 阅读 · 15 评论 -
Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
转载地址https://blog.csdn.net/lander_xiong/article/details/79018737 Vue2.0 传值方式:在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一...转载 2018-09-12 18:47:04 · 481 阅读 · 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 · 44782 阅读 · 2 评论 -
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 · 5936 阅读 · 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 · 39751 阅读 · 4 评论 -
vue中"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序"的报错
在vue项目中发现了这个报错 解决办法将项目里的“node_modules”文件夹删除,然后重新运行cnpm install原创 2018-03-16 17:14:30 · 14117 阅读 · 2 评论 -
vue怎么点击获取当前元素
vue中有两种方法获取到当前元素 var el = event.target; //当前元素,可修改(能够用此方法获取到他的子元素,不能获取他本身的内容) var el = event.currentTarget;//当前元素,不可修改(能够用此方法获取到他的子元素及能获取他本身的内容)html<div id="example-2"> <!-- `on...原创 2018-01-24 20:24:03 · 32029 阅读 · 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 · 535 阅读 · 0 评论 -
在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 · 89226 阅读 · 9 评论 -
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 · 8788 阅读 · 1 评论 -
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 · 11856 阅读 · 2 评论