vue
文章平均质量分 54
小白阿楠
这个作者很懒,什么都没留下…
展开
-
Vue刷新浏览器后重定向到首页或者某一个页面
记录一下项目需要的一些小优化,刷新浏览器时回到首页.一般来说vue项目刷新浏览器之后还会继续跳动刷新之前的页面.我们只需要要App.vue中的created方法中添加相关判断即可这里的/index可以换成具体需要跳转的页面,具体代码如下:<script>export default { name: 'App', created() { if(this.$router.path !== '/index'){ this.$router.replace('/.原创 2021-09-09 16:04:35 · 5274 阅读 · 0 评论 -
Vue+Element-Ui设置标签页切换时保留数据
记录一下最近Vue项目接触到的问题, 在多页面切换的时候, 每次切换页面都会页面重新加载, 很费时间. 所以需要优化, 使得标签页未关闭的情况下, 保留数据, 以便切换访问因为这个问题浏览了大量的资料博客. 基本都是通过把router-view嵌套到keep-alive标签, 但是没能实现.最后发现使用的element框架自带了keep-alive的,只是keep-alive是根据组件名称来缓存的,只需要在组件中加入name: Xxx就行. 首字母大写.这里的name是组件name, 而不是路.原创 2021-09-07 15:54:50 · 5317 阅读 · 11 评论 -
Vue设置selection选择框条件不可选
记录一下应用场景:当添加的内容属于暂存数据时,再次选择时需要把已添加的数据设置为不可选,避免上传时数据重复文章目录HTML方法区效果图HTML在selection组件中添加:selectable属性<el-table-column :selectable="checkSelectMember" type="selection" width="55" align="center"/>方法区在方法中做数据对比,若外部数据与本行数据相同时,设置isChecked =.原创 2021-09-06 12:51:33 · 5200 阅读 · 0 评论 -
Vue+pikaz-excel-js实现导出功能
文章目录安装pikaz-excel-js数据区HTML方法区效果图pikaz-excel-js是一个vue版本的excel导入导出插件,个人觉得跟后端实现导入导出相比下来更简单方便,容错率较高安装pikaz-excel-js在前端软件中使用命令安装npm i -S pikaz-excel-js下载成功后可以在node_modules目录中找到以下东东数据区data中加入两个集合,用以存放导出的数据 //导出集合 exportList:[], /原创 2021-08-31 14:45:52 · 1343 阅读 · 0 评论 -
Vue+element-ui远程搜索输入框
这段时间在自我摸索过程中遇到的一些问题,整理了一下,在这里跟大家一起分享一下自己的踩坑过程,以供借鉴,下面直接先上效果图。文章目录el-autocomplete标签的下拉显示问题el-autocomplete标签下拉选择后页面显示问题el-autocomplete标签的下拉显示问题<el-autocomplete v-model="searchName" :fetch-suggestions="querySearch" placeholde.原创 2021-06-12 19:11:45 · 1787 阅读 · 0 评论