![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
祺简
学习记录、项目问题记录
展开
-
Vue--移动端--随着手指滑动动态设置元素的高度
初始化高度为0,随着手指滑动动态设置元素的高度,有最大限制,且最大限制可以不是一个固定值原创 2022-09-29 11:03:46 · 1452 阅读 · 0 评论 -
Vue--修复报错 Error in render: “TypeError: Cannot read properties of null (reading ‘substring‘)“
Error in render: “TypeError: Cannot read properties of null (reading ‘substring‘)“原创 2022-07-22 09:55:34 · 5143 阅读 · 0 评论 -
JavaScript--vue--点击空白区域关闭弹窗的几种方式
判断点击事件发生在某个区域外的条件:1.点击事件的对象不是目标区域本身2.事件对象同时也不是目标区域的子元素1.jQuery方式$(document).mouseup(function(e){ var 自定义名字=$('目标对象') //设置目标区域 if(!自定义名字.is(e.target)&&自定义名字.has(e.target).length===0){ //执行关弹窗的代码 }})2.JavaScript方式var 自定义名字= document.getE原创 2022-02-14 14:49:13 · 2380 阅读 · 0 评论 -
Vue--实现登录拦截(Vue、axios、http拦截)
许多页面在访问之前是需要登陆验证的,如果用户没有登录,则需要用户跳转到登陆页面进行登录。结合自身练习以及资料进行整理,提供以下几种方式一、Vue通过router实现登录拦截1.requireAuthrequireAuth属性作用是表明该路由是否需要登陆验证,在进行全局拦截时,通过该属性进行判断,该属性包含在meta属性中。import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)routes=[ { pat原创 2021-12-10 15:27:59 · 4007 阅读 · 0 评论 -
Vue--HTML标签--插值语法失效
起因:前些天在做练习时被问到的一般想到的结构此时运行结果问题:当使用同样的标签写时会出现插值语法失效代码如下:此时的效果:但是后来我自己实验的时候还换了div标签进行测试,出现以下结果所以上述的问题并不严谨,就开始了研究(可能当时比较无聊了)在上网查了资料后发现,好像并没有人写过这样的问题(一般人应该也不会有这样的写代码习惯)于是我又想到了应该是涉及到了HTML标签的问题,就换了一个方向,开始研究这两个标签的渲染问题外层标签为h1时 页面渲染如下:外层标签为div时 页面原创 2021-11-03 10:36:35 · 5688 阅读 · 4 评论 -
使用Vue脚手架(vue-cli)创建项目
前置条件:需要有node环境1.全局安装vue-cli如果下载速度慢,也可以使用淘宝镜像如果安装失败,可以使用npm cache clean清理缓存,然后重新安装。2.安装完成3.创建项目这里使用的是webpack的项目模板进入到创建项目的文件夹路径中上面的选项根据自己项目所需进行选择只要出现如下界面,证明项目启动成功,搭建完成了...原创 2021-11-03 10:08:53 · 82 阅读 · 0 评论 -
Vue报错--This relative module was not found: * ./static/images/head_ico.png in ./node_modules/......
报错如下:This relative module was not found:* ./static/images/head_ico.png in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-61dd7a3d","scoped":true,"hasInlineConfig":false}!./node_modules原创 2021-10-25 14:10:53 · 2328 阅读 · 0 评论