https://v-charts.js.org/#/ 在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化.修改复杂的配置项,v-charts 的出现正是为了解决这个痛点.基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表.

最近需要把上传的图片信息存储到数据库,以base64的方式,需要重新封装一下antd的upload组件 1. 使用方法 引入组件然后配置一下即可使用,配置项包括 defaultImageList,需要回显的图片(必传),[ url1, url2 ] fileTypeList ,文件格式(可选),默认不做限制 limitSize ,单个图片大小限制(可选),单位MB limitNum ,上传图片个数限制(可选),默认200个 multiple ,是否可以多选(可选),默认否 disabled ,是

1.table列宽问题 在滚动列时,如果要指定列宽,不要指定所有列宽,至少预留一列不执行列宽. 同时:scroll="{ x: width}", width的值要是所有列的宽度之和(包括固定列的宽度和没有指定列宽的列的宽度(本来要指定的宽度)) 同时:既然指定的列宽,就一定要强制换行,否则,指定的列宽在遇到英文不换行时还是会失效. th{ word-wrap:break-word; word-break:break-all; } td{ word-wrap:break-word; wo

问题代码: const tempFieldsValue = this.form.getFieldsValue() Object.keys(tempFieldsValue).map((k) => { if(typeof(tempFieldsValue[k]) === 'string' && tempFieldsValue[k].indexOf('---') !== -1) { this.form.setFieldsValue({ k: undefined }) } }) 原因是 &qu

问题描述 实现一个折叠面板点击展开,但是必须点击两次才能展开,第一次无效 <a-collapse-panel v-for="(item, index) in dataMap" :key="index" :show-arrow="false" > <p>{{ text }}</p> <template slot="header"> {{ item.name }}</templ

vue 集成环信im 简单demo 环信AppKey:1106190415055331#test 测试账号: test1  123456  test2  123456  test3  123456 默认登录test1 用vuex统一管理聊天对象.聊天信息等 点击相应的对象,发送文本 1. 引入环信依赖 2. vuex 环信前期准备全局状态控制 import {dotData} from '@/utils'import Vue from 'vue'// im聊天状态const IM_CHART_D

查看vue版本号是 vue -V 而不是npm vue -v ,npm vue -v 等同于npm -v vue -V: 后面那个V是大写的.

前面的话 Vue官网的风格指南按照优先级(依次为必要.强烈推荐.推荐.谨慎使用)分类,且代码间隔较大,不易查询.本文按照类型分类,并对部分示例或解释进行缩减,是Vue风格指南的精简版 组件名称 [组件名为多个单词](必要) 组件名应该始终是多个单词的,根组件 App 除外. 这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的 //bad Vue.component('todo', {})//good Vue.component('todo-ite

所需前置知识: HTML.CSS.JS.Vue.ES6.Npm.Webpack.Node.Express.Mongodb 项目整体架构: IDE:webstorm: 项目建立过程(cmd常用命令行指令): node的安装 下载连接:https://nodejs.org/en/ npm的安装 npm install -g npm 查看node版本:node -v 查看npm版本:npm -v 安装vue模块:npm install vue --save 安装webpack:npm install

一.前提 1.该教程是在你已经安装配置好node.js和express情况下 2.你已经完成了vue和vue-cli的全局安装 3.完成以上2步后,使用vue指令,会显示"vue不是内部或外部命令" 二.解决步骤 1.在电脑内搜索vue.cmd 2.将vue.cmd的路径加入Path环境变量中,以:分隔,如我的路径是"E:\nodejs\node_modules\npm\node_global_modules" 3.重启cmd 三.检测 1.进入nodejs文件目录

既然选择了远方,便只顾风雨兼程! __HANS许 系列:零基础搭建前后端分离项目 系列:零基础搭建前后端分离项目 vue-cli@3.x 创建项目 Vue的Debug(调试) Vue的Http请求 提示:本篇图片较多,所以篇幅较长. 在前面几篇文章我们讲了Vue的基本内容,语法,组件,插件等等.但例子却是是以平常样式那样引用JS来创建,那接下来我们就是Node的环境来创建项目. vue-cli@3.x 创建项目 cli(command-line interface)命令行界面,它通常不支持鼠标,

方式一.直接引入echarts 先 npm 安装 echarts npm install echarts --save // main.js import myCharts from './comm/js/myCharts.js' Vue.use(myCharts) // myCharts.js /** * 各种画echarts图表的方法都封装在这里 * 注意:这里echarts没有采用按需引入的方式,只是为了方便学习 */ import echarts from 'echarts' const

npm安装很慢(国外服务器),所以一般推荐使用npm淘宝镜像cnpm,先安装下cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 安装好cnpm后,以后使用npm的地方就可以使用cnpm替代了. 3.0.5+ 安装Vue 脚手架 @vue/cli sudo npm install @vue/cli -g + 安装Vue 脚手架插件 @vue/cli-init sudo npm install @vue/cli-

一.环境准备 1.vue项目依赖 node.js npm,需要先安装node和npm,先检查本地是否安装node.npm 快捷键win+r   输入cmd  弹出操作框,如果电脑已经安装git,直接右键,选择Git Bash Here,也可弹出操作框 1)输入node -v  回车 会出现node.js的版本 2)输入npm -v  回车 会出现npm的版本 3)输入vue -V 回车 会出现vue的版本 2.如果node.js npm和vue都没有安装,则 1)安装node,参考 node.j

前言: 第一次接触ABP的项目是在2018年6月份,但是当时没有深入具体的研究,而今天因为工作的需要,需要学习.了解这个框架,在时隔半年之后,今天重新下载了这个项目,虽然在园子里有很多前辈们写的这类的文章,但是我还是会在博客园中记录一下学习的过程,一是希望能够帮助到有需要的人,二是也算是自己学习的一个历程,虽然原先的时候,偶尔也会写一些随笔,由于文采的原因,写的可能不是特别的详细,主要也是以代码为主,但是在这个学习的过程中,会发布一些代码,发布一些截图,同时也会写一些自己的心得! 正文: 本篇内

在本文中,我们将推荐一些非常好用的 Vue 相关的开源项目.无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包.对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭.所幸的是,随着 Vue.js 和 Nuxt.js 社区的不断壮大,每天都会出现一些很好的开源框架和包. 您可能感兴趣的相关文章 nativefier - 把任意网页生成桌面应用程序 Mark Text - 所见即所得 Markdown 编辑器 十分惊艳的8个 HTML5 &

一.安装环境部分 ①.谷歌环境 访问数据自动格式化 Google jsonview插件 ②安装 vue环境 node必须是6.95以上npm必须是3.10以上 node -v 和npm -v 检查版本 安装webpackcnpm install webpack -g 安装vue脚手架cnpm install vue-cli -g /检测版本 vue -V; 1. 安装前 vue init webpack '项目名称'   以及ESlint 代码风格检查    ESlint风格检查需要进行设置 2

环境变量的安装 参考  环境变量详解 第一次搭建参考 参考  简单初始项目搭建 配置好环境变量的项目的搭建 新建一个new proproject, 查看工作目录vue是否存在    使用查看指令  vue -V 创建项目命令   vue init webpack 项目名称    等待下载模板即可 提示简单配置描述 之后等待看到下图 进入工作目录  cd "工作目录" 运行测试查看  npm run dev 点击进入能查看代表vue项目搭建完成

vue 环境配置步骤: 第一步: 在官网下载node,Node  下载地址 http://nodejs.cn/ 并安装node.检测node是否安装成功, 按 “windows+r”  进入cmd命令窗 ,在命令窗口输入 node -v   -> ”enter"键   ->输入 npm -v  -> 'enter'键显示如下图: 第二步 安装全局vue-cli,在cmd中输入 命令  npm install -g vue-cli (vue-cli在线文档 : http://gi

1.检查npm -v有版本提示成功即可2.npm install vue-cli -g //全局安装3.vue -V 查看版本号(我这边安装的是2.9.6,V大写)4.vue init webpack 项目名字(创建项目)  备注: 运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好 Project name (my-app) # 项目名称(我的项目) Project description (A Vue.js project) # 项目描述

vue常见前端UI库 VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX 项目主页:https://vux.li/#/ github地址:https://github.com/airyland/vux element UI(饿了么后台) Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库. 官网:http://element.eleme.io/#/zh-CN 饿了么github:http://gi