![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
强哥_前端
其实我是00后
展开
-
vue computed 中 window.sessionStorage.getItem()获取不到值
用computed监听sessionStorage中的数据,结果不符合预期,一起看下解决方案吧 computed:{ cantGetValue(){ return window.sessionStorage.getItem('test')//这个sessionStorage的值变化是不会被监听到的 } }先看下产生问题的过程过程:页面模版调用计算属性的值接口返回数据设置sessionStorage期望:ses原创 2021-09-28 16:18:11 · 6116 阅读 · 5 评论 -
error Parsing error: invalid-first-character-of-tag-name vue/no-parsing-error 解决方案
莫慌、莫慌、莫慌看到报错提示就是代码格式有问题,排除代码逻辑报错,在看下面的提示……tag-name !!!!!!重点来了,1、格式有问题 2、tag(标签)格式有问题翻了下代码(上面有报错的具体文件位置),结果找到了一块不和谐的代码这是合并代码时产生的,虽然里面什么也没有,但是就是这里引起的报错。...原创 2021-09-16 16:09:08 · 7355 阅读 · 1 评论 -
v-else-if使用方法
v-else-if 官网解释:充当v-if的“else-if 块”,可以连续使用当v-if 、 v-else 两个指令无法满足多条件的业务需求,可以使用v-else-if 增加多种情况的判断官网示例:<div v-if="type === 'A'"> A</div><div v-else-if="type === 'B'"> B</div><div v-else-if="type === 'C'"> C&l...原创 2021-09-07 18:05:44 · 9742 阅读 · 1 评论 -
swiper禁止滑动
需求是,swiper item有多个的时候正常滑动,但是只有一个的时候要求固定不动。让我们来实现它。????????????第一步、进入swiper官网https://www.swiper.com.cn/第二步、找到这个属性--noSwiping第三步、在swiperOption中添加这一属性,noSwiping: this.swiperItemList.length>1 ? false : true,第四步、上一行swiperItemList是我的项目接口返回的要展示的图片数原创 2021-07-29 19:57:03 · 8380 阅读 · 1 评论 -
computed计算属性的参数
在使用计算属性的时候,会通过this.xxx来引用this中的数据,还有一种更好的方式来引用this中的数据//模版代码<template> <div class="container"> {{totalValue}} </div></template>//data中的数据 data(){ return { age:10, name:'to.原创 2021-05-15 16:22:50 · 1420 阅读 · 0 评论 -
vant自动按需引入组件
第一步:安装插件 npm i babel-plugin-import -D第二步:在 .babelrc 这个文件中添加配置(如果没有.babelrc 这个文件就自己新建一个){ "plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }] ]}第三步:main.js中 引入想要使用的组件impo原创 2021-04-14 23:18:20 · 922 阅读 · 0 评论 -
vue跨域解决方案之--proxy代理
声明一个名为axiostest.js 的文件//引入axiosimport axios from 'axios';//创建一个axiosexport let axios1 = axios.create({//设置baseURL是为了之后做代理 baseURL: '/api1', timeout: 5000});//创建一个axiosexport let axios2 = axios.create({ baseURL: '/api2', timeout: 5000})原创 2020-11-21 19:17:34 · 4884 阅读 · 0 评论 -
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘_wrapper‘ of undefined
拉取同事的静态代码后,报了一个莫名其妙的错,Cannot read property '_wrapper' of undefined。最后和前辈请教弄明白了,原来是静态代码中做了一些方法的引用,但是只是静态代码,还没有实现方法,所以我们只需要把使用但是未声明的代码声明下就OK了itemChecked(){ this.checked = !this.checked }, //报错的原因就是使用了(order、toggleAll)的两个方法,但是没有声明方法。注释打开就好了,吼.原创 2020-09-21 13:16:34 · 39135 阅读 · 3 评论 -
Mac安装卸载插件报: or try running npm ERR! the command again as root/Administrator.
根据报错提示 需要管理员权限,那我们加上就OK了npm WARN checkPermissions Missing write access to /usr/local/lib/node_modulesnpm ERR! code EACCESnpm ERR! syscall accessnpm ERR! path /usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrapnpm ERR! errno -13npm ERR! Error原创 2020-07-19 14:57:39 · 1250 阅读 · 0 评论 -
Missing space before function parentheses 解决方案
既然写着不符合规则,那咱就照着规则来,在括号前加个空格就好了。完美解决原创 2020-06-25 22:11:35 · 1045 阅读 · 0 评论 -
安装vue3.10.0失败,2.9.6卸载不掉,解决方案
网上找了各种方法,试了均不生效,后来直接卸载node,重新装了一遍node,装好后再次安装vue3.10.0,安装成功。下面是安装命令。如果有用给点个赞呗cnpm i -g @vue/cli@3.10.0...原创 2019-10-21 14:29:44 · 1852 阅读 · 6 评论