随笔分类 -  vue

 
vue 常用方法
摘要：// $refs this.$nextTick(() => { this.$refs['form'].resetFields() }) vue watch 监听 watch: { currentCode() { }, // 深度监听 formData: { handler() { }, // 代表在 阅读全文
posted @ 2020-04-23 10:50 momo-倩倩 阅读(384) 评论(0) 推荐(0)
vue 图片标记 可删除可编辑内容
摘要：<template> <div class="wrap"> <div class="wrap-header"> <el-form :inline="true" :model="formInline" class="demo-form-inline" size="mini"> <el-form-ite 阅读全文
posted @ 2020-03-30 09:56 momo-倩倩 阅读(1579) 评论(0) 推荐(0)
vue 引入各种依赖
摘要：npm install vue-cli -g vue init webpack 项目名称 npm install axios -s npm i element-ui -S npm install echarts -S npm install less less-loader --save-dev / 阅读全文
posted @ 2019-07-08 15:59 momo-倩倩 阅读(1366) 评论(0) 推荐(0)
vue cesium 加载倾斜摄影数据并在上面添加自定义标注
摘要：在main.js引入 import Cesium from 'cesium/Cesium'import '../node_modules/cesium/Build/Cesium/Widgets/widgets.css' Vue.prototype.Cesium = Cesium; 阅读全文
posted @ 2019-05-16 09:34 momo-倩倩 阅读(6503) 评论(0) 推荐(0)
vue three.js photo-sphere-viewer 720全景
摘要：--> ... 阅读全文
posted @ 2019-05-09 15:03 momo-倩倩 阅读(2748) 评论(0) 推荐(0)
v-echart 按需加载
摘要：import 'v-charts/lib/style.css';import VeBar from 'v-charts/lib/bar' // 条形图import VeRadar from 'v-charts/lib/radar' // 雷达import VeHistogram from 'v-ch 阅读全文
posted @ 2019-03-28 09:22 momo-倩倩 阅读(400) 评论(0) 推荐(0)
vue 使用vux封装的微信分享
摘要：main.js引入 import {WechatPlugin} from 'vux' Vue.use(WechatPlugin) 公共的jswxShare.js 组件中的应用 阅读全文
posted @ 2019-01-15 09:24 momo-倩倩 阅读(496) 评论(0) 推荐(0)
判断手机是安卓还是ios
摘要：let ORZ = function() { if(!(this instanceof ORZ)) { return new ORZ; }}ORZ.prototype = { // 判断用户手机是Android还是IOS mobileVersions() { var u = navigator.us 阅读全文
posted @ 2018-11-08 11:15 momo-倩倩 阅读(353) 评论(0) 推荐(0)
vue 安卓5.1 ios9 兼容性 白屏问题
摘要：// 安卓5.1兼容 阅读全文
posted @ 2018-11-06 02:46 momo-倩倩 阅读(893) 评论(0) 推荐(0)
创建一个vue 项目 必备的几个插件
摘要：第一步npm安装 首先：先从nodejs.org中下载nodejs 打开控制命令行程序（CMD）,node -v 检查是否正常 使用淘宝NPM 镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 第二步项目初始化 1.第 阅读全文
posted @ 2018-10-24 17:29 momo-倩倩 阅读(530) 评论(0) 推荐(0)
vue 路由跳转，路由传参的几种方式
摘要：1. router-link <router-link :to="{ path: 'yourPath', params: { name: 'name', dataObj: data }, query: { name: 'name', dataObj: data } }"> </router-link 阅读全文
posted @ 2018-10-17 21:35 momo-倩倩 阅读(4654) 评论(0) 推荐(0)
前端面试问题2
摘要：3、html5、css3的新特性 4、vuex 5、vue常用的api a.@click @change b.v-if v-else v-for v-show : 6、vue的父子组件传值及非父子组件传值 7、vue的路由跳转 a. router-link to b.this.$router.pus 阅读全文
posted @ 2018-09-02 17:18 momo-倩倩 阅读(145) 评论(0) 推荐(0)
vue mapbox 地图 demo
摘要：执行以下命令： npm install --save mapbox-gl// cnpm install --save mapbox-gl 阅读全文
posted @ 2018-07-25 09:20 momo-倩倩 阅读(915) 评论(0) 推荐(0)
elementUI 日期 周一、周二、周三、周四、周五、周六、周日快捷键
摘要：<el-date-picker v-model="ruleForm.pickDateMeal" type="daterange" align="right" :range-separator="$t('message.To')" :start-placeholder="$t('message.Sta 阅读全文
posted @ 2018-06-12 11:02 momo-倩倩 阅读(5534) 评论(0) 推荐(0)
<转载> VUE项目中CSS管理
摘要：vue的scoped 在vue项目中，当 .vue文件中 <style> 标签有 *scoped 属性时，它的 CSS 只作用于当前组件中的元素，很好的实现了样式私有化的目的。 使用scoped之后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件有作用域的 CSS 和子组件 阅读全文
posted @ 2018-05-30 14:57 momo-倩倩 阅读(487) 评论(0) 推荐(0)
【转载】Vue项目自动转换 px 为 rem，高保真还原设计图
摘要：前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。 技术栈 vue-cl 阅读全文
posted @ 2018-05-30 14:51 momo-倩倩 阅读(214) 评论(0) 推荐(0)
谷歌地图
摘要：谷歌地图的api: https://developers.google.com/maps/documentation/javascript/ 阅读全文
posted @ 2018-05-29 18:02 momo-倩倩 阅读(251) 评论(0) 推荐(0)
Popover 弹出框 设置top，显示有时是向下的，解决方式
摘要：参数里面有个popper-options，官网给的值是{boundariesElement: 'body', gpuAcceleration: false }，将这个加上问题就解决了。 阅读全文
posted @ 2018-05-29 17:35 momo-倩倩 阅读(1124) 评论(1) 推荐(0)