![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue问题解决
文章平均质量分 50
柠檬不喝柠檬茶
这个作者很懒,什么都没留下…
展开
-
vue中用饿了么tabs组件切换component标签组件 component组件嵌套,导致页面重复渲染
vue component组件重复渲染问题转载 2022-09-14 17:01:59 · 2421 阅读 · 3 评论 -
vue-pdf放大缩小,上一页下一页,滚动翻页
以下是上一页下一页,放大缩小:<pdf :src="path" :page="currentPage" @progress="loadedRatio = $event" @num-pages="pageCount=$event" @page-loaded="currentPage=$event" @loaded="loadPdfHandler" ref="wrapper" class="pdf"></pdf> 翻页缩小: <ul class="footers">原创 2020-08-06 16:21:45 · 8152 阅读 · 0 评论 -
Vue.mixin 设置共用字段,要考虑不能全局污染,犯的一个错误写下里
我一开始是这样使用的:(nuxt环境下建立的项目)建立一个tool.js文件,放在plugins文件夹里面,然后在nuxt.config.js中设置一下:(和vue的main.js设置的原理一样)然后我在tool.js文件中这样写是不对的:因为这样会造成全局污染,任何一个页面都不能用到orderStatusList这个字段了,而且暂用的空间也很多,产生字节浪费。其实我可以这样写: ...原创 2020-03-06 14:43:26 · 469 阅读 · 0 评论 -
this.$route.query一直取不到
在APP.vue里面mounted里面(最前面) console.log(this.$route.query.source)第一次代码运行完成后能打印值, 后面刷新页面一直打印不了,也存了缓存 但是打印不出来,后来找到原因是 route.js并没有执行完毕console就打印出来了, 所以 this.$router.onReady(() => { i...原创 2019-11-25 18:57:27 · 10818 阅读 · 0 评论 -
vue 区分微信内核浏览器
let ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { alert("是微信端"); // 是微信端 } else { alert("不是微信端"); ...原创 2019-11-06 10:20:01 · 318 阅读 · 0 评论 -
watch监听页面变化 动态设置元素的高度
temple中: <iframe width="100%" :height="fullHeight" :src="pdfSRC" id="pdf"></iframe>data()中: fullHeight: document.documentElement.clientHeight , timer: truewatch中: watch: { ful...原创 2019-09-20 19:17:36 · 3015 阅读 · 0 评论 -
vue img src="" 的路径在data中不生效 实际上需要这样写
< img src="../assets/images/banner2.png"> 可以生效 放在data里面不生效,比如这样写 // banner图 bannerList:[{ image:"./assets/images/banner1.png" },{ image:"../assets/images/banner2.png" },]实际上需...原创 2019-08-28 11:55:53 · 2171 阅读 · 0 评论 -
升级vue 一直报错 npm vue-cli -g 出现 ERR!报错的解决方案
npm install vue-cli -g 出现上述error ,如下图所示主要原因是npm不是最新的版本,需要通过以下命令,将npm升级到最新版本:npm install -g npm@latest通过上述命令将npm升级到最新版本,即可。接下来npm install -g vue-cli失败,设置代理npm config set registry=http://registry....转载 2019-08-01 19:01:13 · 1049 阅读 · 0 评论 -
// this.detailList[0].result=res.data.results//vue视图不被渲染,学会使用$set解决该类问题
例如: this.detailList.forEach(el => { this.$set(el, "reason", ""); this.$set(el, "result", ""); this.$set(el, "remark", ""); });我把数组置空然后给它赋值都是用 $set 这样的话能够视...原创 2019-07-08 16:59:31 · 1246 阅读 · 2 评论 -
删除npm安装的组件
什么是npm?npm是javascript的包管理工具,是前端模块化下的一个标志性产物简单地地说,就是通过npm下载模块,复用已有的代码,提高工作效率1.从社区的角度:把针对某一特定问题的模块发布到npm的服务器上,供社区里的其他人下载和使用,同时自己也可以在社区里寻找特定的模块的资源,解决问题2.从团队的角度:有了npm这个包管理工具,复用团队既有的代码也变的更加地方便回到顶部利用n...原创 2019-04-30 16:32:05 · 7208 阅读 · 0 评论 -
vue配置编译本地打开dist/index.html文件
vue配置编译本地打开dist/index.html文件法一vue项目完成后npm run build会生成dist文件,此时直接将dist文件发布到线上即可,若想本地打开dist/index.html可看,一般页面为空,或者报错找不到css和js文件,则需要更改一些路径参数,改成相对当前目录,然后再次运行npm run build 就可以在本地打开index.html修改1:config/...原创 2019-04-28 18:33:29 · 1314 阅读 · 0 评论 -
VUE初写小项目问题之命令行报错:Expected indentation of 4 spaces but found 6
// 把 eslint 关闭build文件下找到webpack-base.conf.js注释掉第一行原创 2019-04-28 11:12:55 · 1849 阅读 · 0 评论