qq_45618388的博客

Vue+Echarts实现一个折线图现在要实现,Vue+Echarts实现一个折线图,打开之前的mint项目:1:在项目里面安装echartscnpm install echarts --s2：在需要用图表的地方引入import echarts from 'echarts'3：打开my.vue继续写代码，代码如下：<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="wi

vue 高德地图JSAPI使用vue-amap使用npm 安装vue-amap (https://elemefe.github.io/vue-amap/#/)npm install vue-amap --save在main.js中引入vue-amapimport VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key: '高德地图申请的key', plugin: [//高德地图扩展插件(按需添加)

vue+Django实现excel文件下载vue端<template> <div id="home"> <a :href="'http://localhost:8000/download/?way_id=' + id"> 下载记录</div></template><script> export default { name: 'home', data() {

vue数据类型转换的问题典型的String转Number问题。取决于percent属性值是整数还是分数。1. 转换函数/整数/parseInt(string)/分数/parseFloat(string)/Number/Number(val)保留几位小数在方法后面加.toFixed()，比如去分数保留2位小数parseFloat(string).toFixed(2)；2. 强制类型转换Boolean(value)——把给定的值转换成Boolean型Number(value)——把给定的值转换

直接上代码上代码<template> <div> <el-table :data="tableData" border style="width: 100%"> <el-table-column fixed prop="label_ID" label="标签ID"

vue项目刷新当前页面场景：有时候我们在vue项目页面做了一些操作，需要刷新一下页面。解决的办法及遇到的问题：this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好用vue-router重新路由到当前页面，页面是不进行刷新的。location.reload()。这种也是一样，画面一闪，体验不是很好推荐解决方法：用provide / inject 组合**原理：**允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次

关于 eval 的报错 Uncaught ReferenceError: False is not defined原因是：字典里存储了一个False的变量，js无法识别，SO 报错，更重要的是，因为不是正规的json格式，所以会报错，正规的 key 是必须要有双引号的。（即使是单引号也不行。）例子后端给前端出来的JSON数据如下 再前端使用eval转换时会报错"{'res':{'key1':True,'key2':False}}"...

先看看它的作用JSON.parse()用于从一个字符串中解析出json对象,如var str = ‘{“name”:“LeonWu”,“age”:“18”}’JSON.parse(str);//结果为一个Object// age: “18”;// name: “LeonWu”;1234567JSON.stringify()用于从一个对象解析出字符串，如var a = {a:1,b:2,c:“LeonWu”};JSON.stringify(a);//结果为 “{“a”:1,“

Vue项目部署到centos7系统服务器1.安装nginx并启动1.1下载安装包cd /usr/local (切换路径)wget http://nginx.org/download/nginx-1.6.2.tar.gz (选择一个比较稳定的版本下载即可，或者手动下载后，用xshell传到该目录下也行)1.2 解压安装tar -zxvf nginx-1.6.2.tar.giz -C /usr/local (local这个目录类似于Windows的program目录，所以一些软件可以都安装在

一个简单的axios封装请求例子//api.js (在src文件下自定义一个api.js)import axios from "axios"//创建一个axios对象//const 创建一个只读文件const instance = axios.create({ baseURL:'http://127.0.0.1:8000/', //请求超时 timeout:5000 })//请求拦截//所有的网络请求都会先走这个方法、instance.interceptors.

vue前端根据时间戳展示时间差先上效果图一个简单的例子<template> <div> <button @click="jg">点击</button> {{ times }} </div></template><script>export default { data(){ return{ tim

-## 购物车逻辑在vue前端书写购物车逻辑我们最终会把选好的商品都保存在localstorage里，所以我们需要注意一个问题，在没有往购物车里添加商品时，localstorage里是没有 cartlist，我们需要先判断一下//初始化购物车逻辑 init_cart(){ if(localStorage.getItem('cartlist')){ // 将localstorage的数据付给carlist this.cartlist = JSON.parse(localS

在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：实例1<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... } } })直接写一个监听处理函数，

方案一监听route是否更新，如果更新刷新当前网页watch:{ $route(to,from){ this.$router.go(0) }}方案二如上同理监听route是否更新，如果更新获取参数，重新提交请求//监听检索指 $route:{ handler(o,n){ this.word = this.$route.query.word this.get_goods() }, //首次绑定是否执行 t