![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 51
jinmo277
这个作者很懒,什么都没留下…
展开
-
登录后重定向到原先路由(带参数)
入口文件:在监听路由改变前,对token进行判断,当需要跳转到登录页时,需要带上上一个页面的路由信息router.beforeEach(async (to, from, next) => { NProgress.start(); document.title = getPageTitle(to.meta.title); const hasToken = getToke...原创 2020-04-10 14:42:05 · 5022 阅读 · 0 评论 -
vue 消息无缝滚动
<div class="fix-vote"> <div class="vote-list-box" :class="{ anim: animate }"> <div class="vote-item" v-for="(item, index) in voteList" :key="index"> <span>{{ item....原创 2019-12-08 21:07:56 · 149 阅读 · 0 评论 -
element-ui table中有fixed列后出现高度不对的情况
最后一列为fixed属性时,高度会出现未占满父元素的整个高度,因此会出现一条灰线解决方法:在<el-table>标签上加一个class="table-fixed"在样式文件中增加如下css代码(利用样式穿透).table-fixed { /deep/ .el-table__fixed-right { height: 100% !important; //设...原创 2019-12-04 16:58:20 · 10236 阅读 · 3 评论 -
Vuex 购物车demo
文件结构 App.vue<template> <div id="app"> <h3>Shopping Cart Demo</h3> <hr> <h4>Products:</h4> <ProductList /> <hr> ...原创 2019-06-12 17:16:09 · 228 阅读 · 0 评论 -
iview render函数中监听on-change方法
render: (h, params) => { return h('Select', { on: { 'on-change': (value) => { consle.log('change value', value); } } })}原创 2019-04-17 20:26:34 · 4497 阅读 · 0 评论 -
iview组件中增加title
Select组件<Select transfer :title="name" clearable> <Option v-for="item in list" :key="item.code" :value="item.code">{{ item.value }}</Option></Select>Transfer...原创 2019-04-17 20:21:22 · 1242 阅读 · 0 评论 -
前端js读取文件内容
<input v-if="isShowFile" type="file" id="file" @change="onFileChange"/>onFileChange(files) { if (files.length) { var file = files[0]; var reader = new FileReader(); //...转载 2019-04-17 20:00:55 · 5526 阅读 · 0 评论 -
Vue iview 将树形结构中的父子节点Node转换成新的树形结构
// 获取当前选中的所有父子节点(数组)let sourceNodeList = this.$refs.tree.getCheckedAndIndeterminateNodes();if (sourceNodeList.length > 0) { let result = this.translateDataToTree(JSON.parse(JSON.stringify(s...转载 2019-04-17 19:42:52 · 1257 阅读 · 0 评论 -
Vue 复制内容到粘贴板
安装vue-clipboard2插件npm install vue-clipboard2 --savemain.js中注册import VueClipboard from 'vue-clipboard2';Vue.use(VueClipboard);具体使用<Button type="primary" v-clipboard:copy="sqlStr"...原创 2019-04-17 19:16:33 · 683 阅读 · 0 评论 -
vue中的样式穿透
组件内的结构如下:<template> <div class="box"> <Input class="input-test" type="text" /> <Input type="text" /> </div></template><script>ex...原创 2019-03-28 11:22:46 · 2313 阅读 · 0 评论 -
Vue中的树形结构
利用递归Main.vue<template> <div> <ul v-for="leave in demoData" :key="leave.name"> <menu-item :leave="leave"></menu-item> </ul>原创 2018-10-20 12:32:03 · 1766 阅读 · 0 评论 -
Vue2.0 仿饿了么商家详情页面(一)
已经很久没有做过这种h5的页面了,布局、css之类的都忘的差不多了。最近学了一点vue,顺便温故一下前端的基础知识,就拿这个饿了么的页面来练个手。即将遇到的问题滚动到指定位置后,固定导航栏页面的自适应问题(布局、字体等)滚动、滚动条footer固定在底部页面缓存(避免重复渲染)动画 效果菜单切换(路由)...原创 2018-06-19 11:07:34 · 2038 阅读 · 1 评论 -
Vue-cli安装及创建项目步骤
安装vue-cli脚手架安装node安装淘宝镜像cnpm(npm install -g cnpm --registry=https://registry.npm.taobao.org)安装webpack(npm install webpack -g)安装vue-cli(npm install vue-cli -g),注:这里查看版本的命令vue -V(大写)创建vue-cli项目在要创建项目的目录...原创 2018-06-10 22:37:10 · 318 阅读 · 0 评论 -
Vue2.0 仿饿了么商家详情页面笔记(三)
开始使用stylus(1) 安装报错:Cannot find module ‘stylus’ 解决方法:安装stylus 和 stylus-loader在项目根目录中执行npm install stylus --savenpm install stylus-loader --save(2)基本使用<style lang="stylus" rel="stylesheet/stylus" ...原创 2018-06-24 17:45:16 · 619 阅读 · 0 评论 -
Vue2.0 仿饿了么商家详情页面(二)
同history.go, router.go接受的参数应该为Number, 例如:// 上一页history.go(-1)router.go(-1)而你应该使用的是 router.push原创 2018-06-20 23:28:47 · 1327 阅读 · 1 评论