jinmo277的专栏

入口文件：在监听路由改变前，对token进行判断，当需要跳转到登录页时，需要带上上一个页面的路由信息router.beforeEach(async (to, from, next) => { NProgress.start(); document.title = getPageTitle(to.meta.title); const hasToken = getToke...

<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....

最后一列为fixed属性时，高度会出现未占满父元素的整个高度，因此会出现一条灰线解决方法：在<el-table>标签上加一个class="table-fixed"在样式文件中增加如下css代码（利用样式穿透）.table-fixed { /deep/ .el-table__fixed-right { height: 100% !important; //设...

文件结构 App.vue<template> <div id="app"> <h3>Shopping Cart Demo</h3> <hr> <h4>Products:</h4> <ProductList /> <hr> ...

render: (h, params) => { return h('Select', { on: { 'on-change': (value) => { consle.log('change value', value); } } })}

Select组件<Select transfer :title="name" clearable> <Option v-for="item in list" :key="item.code" :value="item.code">{{ item.value }}</Option></Select>Transfer...

<input v-if="isShowFile" type="file" id="file" @change="onFileChange"/>onFileChange(files) { if (files.length) { var file = files[0]; var reader = new FileReader(); //...

// 获取当前选中的所有父子节点（数组）let sourceNodeList = this.$refs.tree.getCheckedAndIndeterminateNodes();if (sourceNodeList.length > 0) { let result = this.translateDataToTree(JSON.parse(JSON.stringify(s...

安装vue-clipboard2插件npm install vue-clipboard2 --savemain.js中注册import VueClipboard from 'vue-clipboard2';Vue.use(VueClipboard);具体使用<Button type="primary" v-clipboard:copy="sqlStr"...

组件内的结构如下：<template> <div class="box"> <Input class="input-test" type="text" /> <Input type="text" /> </div></template><script>ex...

利用递归Main.vue&lt;template&gt; &lt;div&gt; &lt;ul v-for="leave in demoData" :key="leave.name"&gt; &lt;menu-item :leave="leave"&gt;&lt;/menu-item&gt; &lt;/ul&gt

已经很久没有做过这种h5的页面了，布局、css之类的都忘的差不多了。最近学了一点vue，顺便温故一下前端的基础知识，就拿这个饿了么的页面来练个手。即将遇到的问题滚动到指定位置后，固定导航栏页面的自适应问题（布局、字体等）滚动、滚动条footer固定在底部页面缓存（避免重复渲染）动画 效果菜单切换（路由）...

安装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项目在要创建项目的目录...

开始使用stylus（1） 安装报错：Cannot find module ‘stylus’ 解决方法：安装stylus 和 stylus-loader在项目根目录中执行npm install stylus --savenpm install stylus-loader --save（2）基本使用&lt;style lang="stylus" rel="stylesheet/stylus" ...

同history.go, router.go接受的参数应该为Number， 例如：// 上一页history.go(-1)router.go(-1)而你应该使用的是 router.push