vue
萌二è招财猫!
忘性大,记性差,所以爱记录~
展开
-
整理前端知识点面试题
前端相关知识点整理原创 2022-01-07 14:50:43 · 230 阅读 · 0 评论 -
【关于vue-awesome-swiper在ipad中a标签点击事件无效的问题】
关于vue-awesome-swiper在ipad中a标签点击事件无效的问题最近开发项目的时候在swiper-slide中添加了a标签用于跳转其他网址,结果在iPad Pro4 (12.9)里点击a链接无效,其他设备没有问题,一开始以为是排版导致的层级问题,但在其他设备没问题,就排除这个想法,后来觉得是兼容问题,总之搞了好久没成功后来同事通过查api发现,是touchStartPreventDefault的默认值是true,默认阻止touchstart (mousedown)的默认事件,设置为false原创 2021-12-28 11:01:37 · 677 阅读 · 0 评论 -
v-if 和 v-show的区别
区别1:(展示方面)v-if个人理解:满足v-if条件就生成dom元素,不满足就不生成dom元素。换句话说: 就是v-if通过控制dom元素的存在与否来控制元素的显示和隐藏v-show个人理解:其实就是控制dom元素的css样式,满足v-show就显示,不满足就不显示换句话说:是通过设置DOM元素的css样式,display: block为显示,display: none为隐藏;下面用代码具体展示验证上面所说的<template> <div class="wra原创 2020-12-21 17:31:19 · 430 阅读 · 1 评论 -
vue生命周期
最近一直在做vue项目,却对vue的生命周期不太了解,所以在每个钩子函数中打印了下,方便区分 <template> <div @click='changedata'> 生命周期调用顺序{{dataname}} </div> </template> <script> export def...原创 2020-01-13 17:39:17 · 136 阅读 · 0 评论 -
vue中的自定义指令directive
vue中的自定义指令注册一个局部指令 <template> <div> <h1>{{name}}</h1> <p @click='updateEl'>更新</p> <input type="text" v-focus> </div> </templat...原创 2020-01-07 18:14:03 · 254 阅读 · 0 评论 -
vue中遍历器的用法
vue中的filter遍历器的用法首先展示的是局部过滤器的用法,又叫私有过滤器 <template> <div> <p>{{title | filterTitle('哦')}}</p> </div> </template> <script> export default {...原创 2020-01-06 13:19:39 · 473 阅读 · 0 评论 -
关于 vue项目中safari浏览器下img标签中路径错误时的渲染问题
最近在做vue项目中,遇到通过请求到的数据循环渲染图片的问题,具体情况如下:Google浏览器中是这样:后来我做了处理,当一组数据中的图片的url地址没有时,只渲染有的,没有的用默认的背景图片,这里判断我用的v-show<img v-show='track.imageUr' :src="track.imageUrl" :alt="`${track.title} 앨범 커버`" ...原创 2019-12-05 10:30:16 · 556 阅读 · 0 评论 -
vue中项目中发现端口被占用解决方法(mac本)
最近在做一个vue的项目时,发现每次本地运行该项目时的端口号都不相同,一开始以为没有什么影响就没有管它, 后来发现代码更新后它还是运行的之前的代码,所以解决了以下这个问题(mac本)如下图 vue.config.js中是这么定义的首次项目起来是这样的几次之后发现端口好成了下面这样解决方法是 1.打开终端然后 输入 sudo lsof -i: 443(443是你vue.config....原创 2019-10-17 15:45:23 · 1602 阅读 · 0 评论 -
vue中引入mixin具体步骤
以下的描述都是在vue脚手架中操作的1.首先在assets文件夹中创建一个minxin.jsexport const minxin = { data () { return { message: '师父', age: 22 } }, created () { this.gobeach() }, methods: { g...原创 2019-09-19 14:10:59 · 2372 阅读 · 0 评论 -
vue 跳转页面query和params传参
vue中遇到的知识点 (自己总结)query传参vue中跳转页面的时候有时需要带上参数,这种情况下有两种传参方式name对应的是params <router-link :to="{name:'detail',params:{detailtitle:'我是这条数据的ID哦}}"> 我要去详情页</router-link>...原创 2019-07-24 14:04:41 · 166 阅读 · 0 评论 -
vue中要用到的插件 和vscode中要下的插件
vue要用到的插件1.vue-router: 页面路由,用于做单页面应用(SPA)。2.vuex: 数据状态管理。3.vue-navigation: 记录路由并缓存页面,像原生APP导航一样。4.vconsole: 移动端调试利器5. axios: 一个很好的ajax封装集6. fastclick: 为了能够立即响应用户的点击事件,解决移动端click 300ms延迟,才有了FastC...转载 2019-06-24 16:16:58 · 2899 阅读 · 0 评论 -
vue中路由的按需加载
在vue中我们经常在router.js中这样配置我们的路由表import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default new Router({ routes: [ { ...原创 2019-06-01 14:38:37 · 1224 阅读 · 0 评论