Vue.js
文章平均质量分 85
趣果有间
精通 Vue,React,Angular,Java,JavaScript,Nginx,Linux 等单词拼写。
展开
-
Vue + ElementUI 实现动态更换任意主题色(动态换肤)
Vue + ElementUI 实现动态更换任意主题色(动态换肤)原创 2022-11-25 17:28:28 · 7969 阅读 · 19 评论 -
利用 Vue 自定义指令实现按钮级别权限控制
最近公司的老项目进行重构,前端技术栈也从原来的 AngularJS 转到 Vue,在架构到页面按钮级别的权限这一块时,我打算利用 vue 的自定义指令来实现。今天就来记录一下实现方式,话不多说,直接上代码。v-permission 自定义指令Vue 自定义指令有全局注册和局部注册两种方式,考虑到项目中全局都要用到,所以我们这里采用的是全局注册的方式。在 src 目录下新建 directives 文件夹,并创建permission.js以及index.js。// permission.jsimpor原创 2021-04-28 15:55:32 · 655 阅读 · 0 评论 -
Vue 子组件中 this.$parent 无法调用父组件的自定义方法
在做 vue 项目开发时,遇到了在子组件中利用this.$parent调用父组件的自定义方法,报TypeError: this.$parent.xxx is not a function的错,可是在父组件明明定义了该方法,遂查询 vue.js 的官方文档,但是文档也只有简短的说明,并没有相关的错误提示。官方文档中没有提示,那就只能自己动手找原因了,随即就在子组件中打印了this.$parent,...原创 2019-12-26 13:58:17 · 12137 阅读 · 9 评论 -
vue computed中get和set的区别与使用方法
vue.js 的 computed 方法:计算属性是基于它们的依赖进行缓存的,只在相关依赖发生改变时它们才会重新求值。这就意味着 name 和 url 只要还没有发生改变,多次访问 site 计算属性会立即返回之前的计算结果,而不必再次执行函数。用 methods 也可以实现同样的效果,但 methods 在重新渲染的时候会重新调用执行,在性能上 computed 优于 methods,当不需要...原创 2018-12-11 17:34:01 · 3297 阅读 · 0 评论 -
记一次vue项目部署环境搭建
1.下载linux环境下的tomcat下载linux环境下的tomcat版本,我这里下载的是tomcat8.0附上官网地址:https://tomcat.apache.org/download-80.cgi2.将下载的tomcat上传到服务器的指定目录并解压上传命令:rz -bye解压到当前目录下的命令:tar xfapache-tomcat-8.5.38.ta...原创 2019-02-17 23:28:26 · 712 阅读 · 0 评论 -
快速入门vuex
1.关于Vuex 什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单的来说,store中的state就相当于组件中的data,但是这个data是全局的,在state中定义了一个数据之后在任何vue组件中都能访问他,修改他,并且你的修改能够全局的实时响应。 为...原创 2019-03-22 16:55:03 · 216 阅读 · 0 评论 -
Vue项目利用axios请求接口下载excel(附前后端代码)
据我了解的前端的下载方式有三种,第一种是通过a标签来进行下载,第二种时候通过window.location来下载,第三种是通过请求后台的接口来下载,今天就来记录一下这三种下载方式。方法一:通过a标签// href为文件的存储路径或者地址,download为问文件名<a href="/images/logo.jpg" download="logo" />优点:简单方便。缺点:...原创 2019-06-11 15:29:01 · 10119 阅读 · 6 评论