VUE
云簪轻拨
这个作者很懒,什么都没留下…
展开
-
vue中v-html妙用及空白行消除
类似淘宝的商品详情中,商品介绍完全是由纯图片组成。在构建代码时,可以使用循环将所有的img标签获取出来,也可以利用v-html标签的特性来实现,如上图,DETAIL字段是商品详情内容,但完全是由一大堆ima构成,此时使用v-html可以省去循环的麻烦,但同时也产生了另一个问题——图片之间出现了空白行,如下要消除这些空白行的存在,可以利用font-size来实现鸣谢:技术胖的node商城全栈...原创 2020-05-20 19:48:29 · 2425 阅读 · 0 评论 -
vue-awesome-swiper使用出现的
vue-cli版本为 4.3 安装vue-awesome-swiper时没有指定版本,引发以下两个错误1.图片不能再一行显示2.图片无法滑动原因:版本冲突、且css文件路径错误解决办法:之前安装的swiper依赖删掉,通过npm install vue-awesome-swiper@2.6.7 -S安装固定版本补充说明: github上指定的swiper3版本对应...原创 2020-05-01 16:11:28 · 312 阅读 · 0 评论 -
vue-axios interceptors(拦截器)实际应用
import axios from 'axios'//引入elementUI的 消息提醒组件、加载组件import { Message, Loading } from 'element-ui';import router from './router'let loading //定义loading变量// 开启加载动画function startLoading() {...原创 2020-04-19 19:01:52 · 1004 阅读 · 0 评论 -
Vue移动端兼容性处理【使用less】
创建less文件,样式如下,引入main.jsbody, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption{ p...原创 2019-10-18 14:39:17 · 613 阅读 · 0 评论 -
VUE-node做接口时,session拿不到参数
node做接口时,session拿不到参数的一个原因是同时使用了127.0.0.1和localhost,这两者对于浏览器的session而言,并不是同一目标。另外,在VUE项目中配置跟路由时,还有一个坑,如果conf的index中配置了跟路由,则axios中不应该在定义,而是直接使用,否则会影响session拿不到数据这两个错误都容易触犯...原创 2019-09-05 22:15:17 · 475 阅读 · 0 评论 -
better-scroll的参数和方法
https://www.cnblogs.com/zhengyan/p/7602882.html转载 2019-09-01 17:20:46 · 265 阅读 · 0 评论 -
better-scroll滚动无效 几种原因
https://blog.csdn.net/qiqi_77_/article/details/79361413转载 2019-09-01 15:04:16 · 826 阅读 · 0 评论 -
vue.nextTick()方法——当数据改变,自动执行该函数,在DOM中进行渲染
什么是Vue.nextTick()??定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,...转载 2019-09-01 14:16:00 · 1057 阅读 · 0 评论 -
vue-常见错误解决
1.运行vue时浏览器报错Unknown custom element: <custom-select> - did you register the component correctly? For recursive components, make sure to provide the "name" option原因:被引用的组件页面没有进行export,导致寻找不到浏览器...原创 2019-09-01 13:22:26 · 18250 阅读 · 1 评论 -
VUE-vuex配合axios
推荐【撩课网】叶建华老师的vue实战教程,值得学习(腾讯课堂也有)在大项目中,合理对vuex代码进行划分,有助于开发速度和后期维护1.main.js中配置vuex2.目录划分3.axios封装import axios from 'axios';const Domain = "http://127.0.0.1:3000"; // 定义根域名axios.defaul...原创 2019-08-30 22:47:17 · 483 阅读 · 0 评论 -
VUE-axios封装及使用
使用node.js作为服务器端提供的数据接口如下本地封装axios【main.js同级目录】import axios from 'axios';const Domain = "http://127.0.0.1:3000"; // 定义根域名axios.defaults.headers.post['Content-Type'] = 'application/x-www-for...原创 2019-08-29 23:38:05 · 357 阅读 · 0 评论 -
VUE-商品列表滑动展示及底部滚动条同步效果
<template> <div class="hotnav"> <!-- 商品图片层--> <div class="nav-conter"> <div class="conter-inner"> <a class="inner-item">...原创 2019-08-28 22:43:35 · 1101 阅读 · 0 评论