随笔分类 - vue
摘要：由于官方例子中并没有太多详情，因此记录之，方便以后使用。 1.配置 :area-list="areaList"，以初始化全部省市区的数据，其中area.js文件在官方可以下载，放于assets/js/area.js 2. onAddrConfirm (e) 获取数据
阅读全文
摘要：http://www.w3school.com.cn/jsref/jsref_getMinutes.asp 由 getMinutes() 返回的值是一个两位的数字。不过返回值不总是两位的，如果该值小于 10，则仅返回一位数字。 在公共方法 common.js中实现时间格式化函数，并处理了有时返回一位
阅读全文
摘要：移动端上传图片是很常用的功能，这里使用vant-ui实现。 效果如图 上传图片的vue页面:Customer.vue html js css 说明： 1：../../assets/img/img1.png 是一个标识图 2.使用动态类的样式 :class="postData.length>4?'up
阅读全文
摘要：当需要在移动端中禁止页面滚动，加入：@touchmove.prevent即可，例子如下 {{ title }} 您好！{{provider}}：
阅读全文
摘要：这里使用的是axios发请求出现的。 访问的api接口是： 在不同域之间访问是比较常见，在本地调试访问远程服务器。。。。这就是有域问题。 VUE解决通过proxyTable 解决办法： 1.检查请求方式：我一开始是用了this.axios.post(url)，改为this.axios.get(url
阅读全文
摘要：仿照这个 实现了一个纯css的导航功能 html css https://www.cnblogs.com/bgwhite/p/9414282.html https://www.jianshu.com/p/616774052c61 http://www.w3school.com.cn/cssref/i
阅读全文
摘要：1.在一个标签中，不推荐v-for 与 v-if 同时用 //当 v-if 与 v-for，v-for 具有比 v-if 更高的优先级。 //当它们处于同一节点（同一标签 一起使用时），v-for 的优先级比 v-if 更高， 这意味着 v-if 将分别重复运行于每个 v-for 循环中。 当你想为
阅读全文
摘要：ES6的引入方式： .vue文件中 css文件引入 js文件的引入 P.S.：传统上，引入css样式的三种方法：1.使用link来调用外部的css文件 在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss
阅读全文
摘要：使用x-header，查看文档发现有个样式变量，可以改变x-header的样式 这玩意怎么用呢？ 1.在项目中创建一个.less样式文件，例如我这里是创建一个src/style/vux_theme.less文件 2.编辑vux_theme.less文件 如这里是，copy x-header的@hea
阅读全文
摘要：安装好vux后，要引入全局组件是要在main.js中使用Vue.component引入的，不能直接使用Vue.use，不能直接使用Vue.use，不能直接使用Vue.use 但是在，局部注册则为： 参考：https://doc.vux.li/zh-CN/components/x-input.html
阅读全文
摘要：最近做公众号项目，想着统一风格，所以决定使用vux。 在调试时发现，只要鼠标点击x-input输入框，就会报错 TypeError: _this3.$refs.input.scrollIntoViewIfNeeded is not a function 什么鬼，作为前端小白的我一脸懵逼，这么快就遇到
阅读全文
摘要：vux是个vue的移动端框架。 目前移动端UI框架这么多，为啥选择vux呢？vux虽然说是个个人维护项目，但是有15000+个star，应该不比其他的团队开源框架差。 最重要的是，目前要做微信公众号和小程序的开发，想着UI风格最好和微信的一致，于是，就决定入坑vux.... 确实，刚开始安装使用就遇
阅读全文
摘要：有个功能： 依据传入值，跳到产品详情页，但是详情页的内容依据传入值来相应变化。 如果使用点击事件@clic来实现，则有三个重复的跳转代码。 避免多次定义重复函数，可以使用router-link 传参数来函数该功能。 带参数跳转： 到达Detail页获取参数：
阅读全文
摘要：使用router-link实现路由跳转，代码如上， 虽然能实现跳转了，但是文字带有了下划线，不好看 要消除下划线，增加一下样式代码即可： 效果如下
阅读全文
摘要：vue项目中，使用element-ui的布局，仍然出现footer不固定页面底部的情况，网上找到的一个管用的 方法是：footer高度固定+绝对定位 http://www.cnblogs.com/pinganzi/p/6383487.html
阅读全文
摘要：https://blog.csdn.net/lzzattack03x/article/details/79244687
阅读全文
摘要：Mint -UI是新推出的移动端UI框架 官网 不过官网上的文档例子不是很全面。 建议下载他们提供的example来学习。 1.examplle源码下载地址 2.打开项目，我这里使用webstorm, 然后按提示安装npm install 依赖 3.运行npm run dev ,不过发现有报错“ M
阅读全文
摘要：下载了Mint-Ui的example,使用npm run dev时发现如下报错： 一番搜索后，发现Missing radix parameter的意思是:缺少一个基数根，也就是指:parseint的第二个参数没有指定。 这是因使用ESLint检查javascript代码语法时，压缩工具对语法的严谨性
阅读全文
摘要：想实现动态加载图片，当点击“首页”时，图片变色 代码如下： 图片一直加载不出来， 以为是路径问题，但是不使用动态加载<img src="../assets/icon/index.png" slot="icon">图片是能正常出来的。 这就很纳闷了，搜索了半天，发现原来vue中动态加载图片需要使用re
阅读全文
摘要：对于初学的小菜鸡，经常会犯一些低级错误。 现在记录一下我在使用vue-resource发送post请求时的一个低级错误： window.BaseURL = '127.0.0.1:8888'; 8888是访问在本机的后台程序的端口 请求代码如下， 很简单的代码，不过却出错了 打开网络发现是url不对，
阅读全文
浙公网安备 33010602011771号