![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
摸鱼_摸鱼
心有多静,福有多深,远处的是风景,近处的才是人生!
展开
-
vue3 + typescript里 vuex-class 的用法
首先看一下项目结构:先看 store/modules下的 loginStore.ts 文件import { Commit } from 'vuex'// 定义的 state 数据const state: any = { loginData: 'login'}const mutations: any = { LOGIN_SET(states: any, params:...原创 2019-12-18 15:55:03 · 1944 阅读 · 0 评论 -
vue 路由传参总结
方法一// 定义路由{ path: '/task/:id', name: 'Task', component: Task}// 路由跳转、传参this.$router.push({ path: `/task/${id}`})// 页面调用this.$route.params.id方法二{ path: '/task', name: 'Task', componen...原创 2019-10-21 15:45:53 · 184 阅读 · 0 评论 -
vue 父子组件之间方法的调用总结
这里总结一下自己看到过的父子组件通信的各个方法:1. 子组件调用父组件的方法:1、$emit// 父组件<FillParam @addParam="parentFnc"></FillParam>// 子组件中调用 parentFnc 方法this.$emit('addParam', 参数1, 参数2,...)2、 $listeners// 父组件<...原创 2019-10-21 15:02:19 · 403 阅读 · 0 评论 -
vue 实现当前页的刷新
在做项目时, 想要登录成功后直接刷新当前页面,于是找了几个方法,在这里记录一下,以免忘记。this.$router.go(0) // 在刷新时,页面会有一瞬间的白屏,用户体验极差。。location.reload()// 这个也是一样最终采用了 vue 里的 provide/inject 方法,先介绍一下这个方法:这个方法,需要一起使用,允许一个祖先组件向其所有子孙后代注入一个...原创 2019-09-04 09:59:51 · 181 阅读 · 0 评论 -
input file 实现 py 文件的上传与读取
1.vue 里用 input file 实现文件的上传与多文件的上传效果图如下:html代码如下:<div> <!-- 单文件上传 --> <input type="text" class="form-control" v-model="mainFileName"> <span @click="showFiles"><...原创 2019-09-20 10:31:42 · 345 阅读 · 0 评论 -
vue向对象里添加新的属性,视图不会更新的问题
功能是现实将后端传来的对象,遍历出来现实,并且实现添加删除等。具体效果如下:刚开始是直接赋值,如下:for (var i in this.strategyParam.strategyParams) { this.defaultParams[i] = this.strategyParam.strategyParams[i]; this.$set(this.defaultParam...原创 2019-09-26 15:41:48 · 618 阅读 · 0 评论