css问题
1.浏览器清除边距失效将清边距的css设置在app.vue组件中,放到最顶部的组件中问题就解决了 2.计算属性calc设置无效原因是==运算符两边需要加上空格==
element-ui问题
1.对垂直分割线设置高度失效将css设置内容放在该组件的==父组件中== 并不行,其实设置font-size就可以了。。 ####2.el-button长度设置无效 在标签中添加style="width:100%"
swiper问题
1.轮播图问题 轮播图无法连播 版本回退,swiper回退到5版本 轮播图拖动后无法连播 autoplayDisableOnInteraction: false 在data配置中,并不能使用文档中的对象形式 目前无解,只能硬写 2.使用方法: cnpm install swiper vue-awesome-swiper@2.6.7 --save 目前这个版本轮播图bug少,建议上2.6.7
this指针指向问题
this指针指向问题确保this是否有效举个栗子,先上一个vscode提示的截图 左边是我在最顶层定义的一个stack,右边是我想对其进行push 通过上边的提示其实就很能看出问题了 如果这还不够明显的话,那么再来一个对照 这个是将this去掉之后的提示 这样是不是就发现这两个能对的上,明显是一个东西 而上面那个明显就不是一个东西 加上this的时候会出现一个报错 Cannot read property 'push' of undefined 我刚开始是以为有这个报错是因为stack中没有push这个属性,我找了其他方式去代替push结果依然是报错,因为根本原因出现在==undefine的不是push,而是stack==因为stack未定义,所以自然而然的没有push这个属性,所以写this的时候要==慎之又慎==
url问题
前端问题之url问题 问题描述:在想通过this.$router.push('/main')进行路由跳转的时候,出现了main页面一闪而过的情况,具体效果是首先确实跳转到了main页面,其url中多了一个问号,接着就又跳转回了原重定向页面 造成这个问题的原因就是,在使用原生form表单的时候,form表单中的button按钮触发事件的时候,回首先触发一个默认的submit事件,此时会提交一个action,然后会改变掉url,url中就会多出一个?进而导致再次触发重定向 解决方案: 在button标签中设置属性type="button",其在原生form表单中,默认type属性是为submit的 在button标签中<button @click.prevent="login" type="button">login</button>通过vue提供的方法,阻止触发默认的点击事件 手动阻止默认点击事件 将button标签写到form表单外
vant weapp
报错 VM1033 WAService.js:2 Component is not found in path 原因是根据vscode的路径提示: 在app.json中 123"usingComponents": { "van-divider": "../static/dist/divider/index" } 然后,我把../换成了./结果就成了??? 不太能理解 然而事实就是这样 123"usingComponents": { "van-divider": "./static/dist/divider/index" }
vite的坑
vite的坑1.配置环境变量无效的问题设置的.env.dev文件内容无效,同时config的index.js文件中配置也不生效 发现是需要在package.json中 在"scripts"中的"dev"属性由"vite"改为"vite --mode dev"
全栈项目
1.对表单的结果进行字符串拼接1this.userForm.userEmail += "@qq.com"; 就是想单纯的把邮箱后面的给加上去,但是因为邮箱是通过v-model绑定的,所以会根据你改变的值进行动态渲染,因为他是响应式的,所以,如果想要原结果不发生变化,那么就需要将==响应式对象==转变为==一般对象==
前后端交互问题
前后端交互问题 前景提示:前后端交互我踩了好多的坑,可能有自己错误的理解以后发现了会来更正(大概) 1.拷贝dist目录没有变化问题利用express骨架生成的代码是这样的 1app.use(express.static(path.join(__dirname, 'public'))); 按理说这个是根据文件夹的名字去找public中的资源,但是我的并不行 所以,我尝试了另一种方式,将文件路径给写死(要是这样也不行我是真的没辙了) 1app.use(express.static('./public/dist')) 然后页面就成功显示了 dist目录来源:前端的文件输入npm run...
去横向滚动条
加一个overflow:hidden









