vue
leah阿
这个作者很懒,什么都没留下…
展开
-
echarts 折线图组件 动态数据
组件代码<template> <div :class="className" :id="id" :style="{height:height,width:width}"></div></template><script> import echarts from 'echarts' // import resize from './mixins/resize' export default {原创 2020-08-27 15:54:41 · 669 阅读 · 0 评论 -
把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化的解决办法!
在vue中,在data里建立两个对象。data() { return { dataA:{ a:0 }, dataB:'' }};将dataA的内容赋值给dataB,改变dataB里对象的值,发现dataA里的值也跟着变化了。为什么会出现这种情况呢?其实,这是一个引用传递而不是值传递,dataA和dataB指向的是同一个内...原创 2019-12-05 17:22:47 · 1146 阅读 · 0 评论 -
vue ie浏览器 页面缓存 不请求接口
E浏览器第一次发请求没有问题,再发送请求时,当参数一样时,浏览器会直接使用缓存数据. 导致页面 还是原来的页面所以在axios 请求头 添加时间戳const service = axios.create({ // api的base_url baseURL: process.env.BASE_API // timeout: 30000 // request timeout})...转载 2019-12-03 18:22:42 · 475 阅读 · 0 评论 -
vue 数组数据拷贝
在vue中,如果多个组件引用了同一个对象作为数据,那么当其中一个组件改动对象数据时,其他对象的数据也会同步改动。有这种双向绑定的需要的话,那么自然是最好的,但如果不需要这种绑定而希望各组件的对象数据之间相互独立,即是互不关联的对象副本的话,可以用下面的方法解决 1 2 3 4 5 6 7 computed: { ...原创 2019-08-20 16:26:53 · 2041 阅读 · 0 评论 -
element-ui对话框可拖拽及边界处理
应业务需求,需要实现对话框可拖拽问题,应element-ui没有提供官方支持,于是便参考大神的文章,得出了适合业务需要的解决方案。很多大神给出的代码是没有解决边界问题的,但是不解决边界问题存在一个bug,拖到不可视区域后边再也拖不回来了,不信你们可以试试。在实现的功能的情况下,封装成了js文件,然后再main.js中引入后可全局使用。还是上代码吧功能实现代码directives.js...转载 2019-08-21 09:15:33 · 530 阅读 · 0 评论 -
ElementUI 分页插件国际化
1 首先需要npm install vue-i18n2 在main.js中引入import VueI18n from 'vue-i18n'Vue.use(VueI18n)3 引入语言包const i18n = new VueI18n({ locale: 'zh-CN', messages: { 'zh-CN':require('./languages/zh.js'),...原创 2019-09-06 14:52:53 · 5683 阅读 · 4 评论 -
VUE 前端插件
UI组件框架element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 UI 库 vuetif...转载 2019-09-11 14:17:07 · 447 阅读 · 0 评论 -
前端组件(二)
UI组件框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为...转载 2019-09-11 14:23:57 · 131 阅读 · 0 评论