Vue开发
FQIP
这个作者很懒,什么都没留下…
展开
-
Mac下scss/sass自动转css
vscode安装easy sass原创 2020-12-22 01:31:04 · 325 阅读 · 0 评论 -
运行报错:[Vue warn]: Failed to mount component: template or render function not defined.
昨天项目跑起来没问题,今天重新跑,就报错了,具体如下:报错提示:template或渲染函数未被定义出现问题的路由引入路径以及文件目录:起因:由于该组件中存在index.vue, index.less, index.js三个同名不同类型文件,而index.js是作为index.vue的逻辑代码存在,而路由文件中通过 component: () => import(...原创 2019-11-19 10:51:52 · 3706 阅读 · 0 评论 -
常用的JS函数
1、滚动到页面的底部scrollTopBottom = (vm) => { let scrollHeight = Number(document.documentElement.scrollHeight || document.body.scrollHeight); vm.$nextTick(()=>{ window.scrollTo(0, scr...原创 2019-11-06 11:58:07 · 114 阅读 · 0 评论 -
常用的一些css样式
1、向右箭头 &:after{ content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-c...原创 2019-11-05 15:55:04 · 114 阅读 · 0 评论 -
flex使用中遇到的问题
1、解决内容超出屏幕宽度,如下,如果内容长度超出屏幕,text-overflow: ellipsis不会生效,内容溢出屏幕<div class="a"> <div class="b">内容...</div> <div class="c">按钮</div></div><style> .a{...原创 2019-11-05 15:52:04 · 299 阅读 · 0 评论 -
Vue中nextTick的用法与使用场景(初步讲解)
一、举个栗子:<template> <div class="tick"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}}</div> &...原创 2019-03-29 18:23:46 · 6946 阅读 · 0 评论 -
Vue中使用async-await处理异步请求函数的问题与示例
不使用async-await对异步请求进行同步化使用async-await对异步请求进行同步化结论:使用async-await将使得整个函数延后执行,即同步的代码执行完毕后再执行;对于async函数的内部,使用了await的地方,会先执行,然后再执行函数内await之后的同步代码。不使用async-await的函数,将先执行函数内部的同步函数,执行完同步后,跳出该函数,继续...原创 2019-03-28 16:46:39 · 5965 阅读 · 1 评论 -
Vue中$router,路由守卫beforeEach 的使用,以及 this.$router.push两种方式的区别
一、$router在 Vue 实例内部,可以通过$router访问路由实例,即通过调用this.$router.push进行连接跳转。$router.push()传参的两种方式:1、this.$router.push({name:xx, params:{a:xx, b:xx}})//a, b是我们要传递给另一个页面的参数 目标页面通过this.$route.pa...原创 2019-04-02 22:00:54 · 16196 阅读 · 1 评论