vue
vue2.0 + npm + webpack 开发===环境配置
cnpm安装：npm install -g cnpm --registry=http://registry.npm.taobao.org 1.安装vue-cli脚手架构建工具cnpm install -g vue-c...
Vue应用框架整合与实战--Vue技术生态圈篇
UI组件开发框架实用库服务端辅助工具应用实例Demo示例Element-UI ★13489-饿了么出品的Vue2的webUI工具套件Vux ★8133-基于Vue和WeUI的组件库iview ★6634-基于Vuejs的开源UI组件库mint-ui ★6253-Vue2的移动UI...
Vue + OpenLayers
Vue中使用OpenLayers,之前写了是OpenLayers 5.3的版本，最近又开始一个项目，继续采用的是Vue+OpenLayers(6.3.1)，这个项目主要是做气象数据，需要在地图上展示不同站点，数据查询，温度区域的展示，风场的展示等等，我会陆续更新。从最开始的展示地图开始 创建vu...
vue动态加载组件
WrWeeklyWorkReport:resolve=>require(['@/pages/workWeeklyManage/workWeekly/draftEdit.vue'],resolve) 引入组件//正常加载importindexfrom'../pages/index.vue'importvi...
VUE组件如何与iframe通信问题
ue组件内嵌一个iframe，现在想要在iframe内获取父vue组件内信息，采用的是H5新特性PostMessage来解决跨域问题。postMessage内涵两个API:onMessage：消息监听postMessage：消息发送举个栗子，比如我要改变iframe内字体变成跟父级一样，直接上代码：父<divcl...
React与Vue
React和vue都是做组件化的，整体的功能都类似，但是他们的设计思路是有很多不同的。使用react和vue，主要是理解他们的设计思路的不同。 如果你喜欢用（或希望能够用）模板搭建应用，请使用Vue 如果你喜欢简单和“能用就行”的东西，请使用V...
vue打包静态资源后显示空白及static文件路径报错
1、打包之后打开dist的页面显示空白： 这个是打包项目比较常见的一个错误 改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。 2.src里边router/inde...
openlayers集成到vue开发
openlayer初步加载地图vue项目搭好后，直接用nodejs安装ol, 安装好后可以看看安装的版本；我用的是5..2的版本 然后看官网相对应版本的文档，都是英文文档;官方文档...
VUE之使用百度地图API
利用vue创建点餐系统，在点餐系统中需要知道商家地址信息，这时就需要借用百度地图API。 步骤一：申请百度地图密钥； 步骤二：在index.html中添加百度地图JavaScriptAPI接口；<scripttype="text/javascri...
vue-cli webpack打包后加载资源的路径问题
vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。1.一个是css,js,ico等文件加载不到，是目录里少了dist打开页面时一片空白解决办法：config/index.js文件的build->assetsPublicPath的默认值改为'./'assetsPublicPat...
vue+element-ui动态生成多级表头，并且将有相同字段下不同子元素合并为同一个
element表头要多层生成，下一级表头数据源必须是当前表头的子一级，这样一层一层嵌套可以生成多层表头： 要把数据处理成这种类型的数据vararr=[];for(varkeyinobj){varitem={};item.children=newObject()item.children[key]=obj[ke...
vue A对象赋值给B对象，修改B属性会影响到A问题
实际在vue中 this.A=this.B,没有进行深层赋值，只是把this.A的地址指向了与this.B相同的地址，所有对于A的修改会影响到B。解决相互影响的思路是在this.A必须是新建的一个对象，这样才能保证不被指向同一地址，属性修改不会相互影响。解决方式: this....
vue+element-ui 实现table单元格点击编辑，并且按上下左右键单元格之间切换
通过我的测试我发现两个两种方法来编辑单元格的内容第一种点击编辑：我是给td里添加一个input，将值赋值给input，当失去焦点的时候将input的值付给td原来的内容，然后将input删除，代码如下： letoldel=cell.children[0]if(column.label!="日期"){if(cell.ch...
vue-cli开发-搭建项目(一)
vue-cli是Vue官方提供的命令行工具，可用于快速搭建大型单页应用。集成了webpack环境及主要依赖，对于项目的搭建、打包、维护管理等都非常方便快捷。建议先熟悉Vue本身之后再研究CLI。使用之前需要对Node.js和相关构建工具有一定程度的了解。先决条件：Node.js（>=4.x，6.x首选），npm版...
vue同时传递到event和其他参数
这样写就可以了@click="test(...arguments,1)"例子：<template><div><button@click="test(...arguments,1)">点击</button></div></template><s...
