随笔分类 -  vue

在gulp中使用vue多页面开发
摘要：页面html common.js我定义了两种调用接口的方式 vue实例挂载并调用接口方式test.js gulp配置 gulpfile.base.js 阅读全文
posted @ 2019-11-28 17:36 nanacln 阅读(873) 评论(0) 推荐(0)
使用vue-baidu-map开发地图找房的总结
摘要：html相关代码： 1、需求1产品要求地图向上移时，筛选标签隐藏，向下移时筛选标签显示。实现此功能需要监听center的lat。 我开始的错误做法，在moveEnd的方法里使用 this.center=this.map.getCenter() 然后使用watch深度监听center。这个需求倒是满足 阅读全文
posted @ 2019-03-04 11:05 nanacln 阅读(2014) 评论(0) 推荐(0)
vue2查看大图vue-preview使用笔记
摘要：在main.js里： import VuePreview from 'vue-preview' Vue.use(VuePreview) 在html里: <img class="preview-img" v-for="(item, index) in list" :src="item.src" hei 阅读全文
posted @ 2018-04-17 14:17 nanacln 阅读(377) 评论(0) 推荐(0)
promise使用场景
摘要：1、使用场景：在一个房源列表里，点击某一条房源里的图片实现看大图效果。（vue2) 问题：使用vue-preview查看大图时需要知道图片宽高，但是接口没有返回，所以需要使用Image对象来获取图片宽高。 使用img的load事件获取图片宽高其实是异步操作。 查看大图效果出现的js代码 this.$ 阅读全文
posted @ 2018-04-17 11:06 nanacln 阅读(562) 评论(0) 推荐(0)
vue2移动端使用vee-validate进行表单验证
摘要：使用vee-validate时若要使用中文版本提示时，vee-validate的版本需要注意 在main.js里添加如下代码 若想修改默认的提示 自定义校验规则如下： 以上代码写在js里。组件内进行表单验证的代码如下 阅读全文
posted @ 2018-04-09 11:38 nanacln 阅读(3711) 评论(0) 推荐(0)
vue2 零星笔记
摘要：1、属性绑定时，可使用表达式。代码如下 为什么会有这种情况呢，需求是使用百度地图的BmLabel标签组件，其样式的修改只能通过labelStyle来控制。当我点击其中一个标签时此标签样式改变，其他标签不变。这个时候我就需要用到这个了。 2、vue2.x引入scss 否则在main.js里引入scss 阅读全文
posted @ 2017-12-21 10:37 nanacln 阅读(170) 评论(0) 推荐(0)
vuex学习心得
摘要：Vuex 通过在根实例中注册 store 选项，该 store 实例会注入到根组件下的所有子组件中，且子组件能通过 this.$store访问到 每一个 Vuex 应用的核心就是 store（仓库）。"store" 基本上就是一个容器，它包含着你的应用中大部分的状态(state)。Vuex 和单纯的 阅读全文
posted @ 2017-06-30 16:25 nanacln 阅读(548) 评论(0) 推荐(0)
vue2+webpack怎样分环境打包
摘要：今年有机会做了一个vue2的单页面应用的项目，从开发到上线经历了两个环境。测试环境以及正式环境我都是跑npm run build。这两个环境的变量当前是不一样的，每次打包都要去改变量，感觉有点小麻烦。后来参考同事的，他们项目里面分环境跑不同的命令，得到不同的包。例如测试环境npm run test 阅读全文
posted @ 2017-06-16 16:49 nanacln 阅读(4963) 评论(3) 推荐(1)
如何在vue2.0项目中引用element-ui和echart.js
摘要：1 项目中怎样添加elment-ui 和 echart.js 1.1直接在packjson 里面的 dependencies 配置 "element-ui": "^1.3.3", "echarts": "^3.5.3", 然后在npm install。 或者直接npm install element 阅读全文
posted @ 2017-05-15 15:10 nanacln 阅读(5936) 评论(2) 推荐(0)