随笔分类 - vue
vue
摘要:最近在使用vue3开发基于flask后端的前后端分离项目时候, 设置路由守卫时一直无法获取到登录后的cookie中session值 但是在浏览器中却可以看到cookie 先上代码 router.beforeEach((to, from, next) => { if (to.path == '/log
阅读全文
摘要:一,vue2如何全局挂载实例 先import实例,再使用vue.prototype.xxx挂载全局 使用:this.xxxthis.xxx 二,vue3如何全局挂载 app.config.globalProperties.xxx 使用:// 引入vue的 getCurrentInstance 方法i
阅读全文
摘要:element-ui Tabs本身是没有更多功能的,如果在外边添加一个更多按钮,又非常不好看, 而利用API中Tabs Attributes的before-leave勾子方法可以实现这个功能, 简单PO出代码
阅读全文
摘要:Named Route 'Home' has a default child route. When navigating to this named route (:to="{name: 'Home'"), the default child route will not be rendered.
阅读全文
摘要:Failed to compile../node_modules/vue-loader/lib/template-compiler?{"id":"data-v-59926570","hasScoped":true,"transformToRequire":{"video":["src","poste
阅读全文
摘要:使用vue时候,经常被一大片警告惊呆了,这是webpack默认的语法检查插件ESLint在做警告, 【ESLint是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码】 但是我习惯了tab缩进,很不习惯没有缩进的写法,但是不管这些警告又是不能忍受, 于是想办法把ESLint给
阅读全文
摘要:最近在使用element-ui搭建项目时发现若只纯用webpack来运行element-ui,要配置各种文件,对于新手来说实在太不友好了, 就想到用vue-cli来搭建整个vue项目 1.安装node.js 2.安装webpack 全局安装 webpack命令 3.安装淘宝镜像【网速快的童鞋可以省略
阅读全文
摘要:最近在使用vue-cli搭建目录时出现 “webpack-dev-server不是内部或外部命令,也不是可运行的程序 或批处理文件”情况 在网上查了不少资料和解决方法后,结合自己的情况应该是环境变量的path没有读取到npm 报错情况如图 解决方法是找到npm目录把它加入环境变量path中就可以了
阅读全文
摘要:最近项目中要为一个循环列表动态传送当前点击列的数据,查了很久资料也没有一个完美的解决方案, 新手只能用vue的事件处理器与jquery的选择器做了一个不伦不类的方案,居然也能解决这个问题,作此记录留待以后会有更好的方法解决这个事情 需求:根据每列传递的参数,决定弹窗后面是积分够了去直接购买还是不够需
阅读全文
摘要:最近碰到一个因为要根据权限来给一个按钮变成不同功能, 简单写出3个按钮然后用v-if也能实现这个功能,但是在加载页面时,如果延迟过高则会把按钮按照DOM顺序加载出来,这是个很不好的效果 思索了下,把三个功能分开写,目前但说能达到需求,但个人感觉还不是最好解决办法,在此记录下来以待将来发现更好办法
阅读全文
摘要:最近在项目中,因为还没使用前端构建工具,还在使用vue+jquery方法渲染页面 碰到几个小问题,在此记录下作为vue学习之路上的一个小知识点 需求:1、数据列表存在与否状态,没有数据显示默认提示,有数据则渲染出数据列表 2、列表数据存在3种状态,分别为0,1,2根据状态给数据打上可使用,已使用,已
阅读全文
摘要:最近在用vue开发一个商品列表页,因需要根据请求回的字段是否有内容来显示隐藏该字段, 但因为vue异步加载导致显示隐藏方法不起作业(主要是判断条件取不到页面渲染内容),围观了vue生命周期后发现updated方法很好用
阅读全文