iview 锚点爬坑 && vue 锚点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview 锚点爬坑 && vue 锚点相关的知识,希望对你有一定的参考价值。

参考技术A 在vue中实现锚点定位效果

iview爬坑点 且需要把滚动容器的id或者class穿给锚点组件

利用iview 锚点组件 原先绑定id写在蓝框区域 导致锚点位置不对

法一的好处就是刷新页面仍能保持当前位置,因为id直接写进路由的

法二刷新返回顶处

vue项目爬坑笔记

1.作为一个后台管理系统, 采用vue2.0+ vuex+iview+vue-router+webpack

技术分享图片技术分享图片技术分享图片

需要清楚各个文件的意义,譬如存储,登录,请求封装.....项目框架搭建就是这样!

2.记录下爬出来的坑,万一哪一天你也不小心掉进去了一点就跳出来了,o(╥﹏╥)o

    1.iview  组件upload :   请求头的加入  传递参数data的格式   action动态路径

<Upload multiple :show-upload-list="false" :headers="{‘token‘:user}"
:data="modelType"
:before-upload="handleBeforeUpload"
:on-success="handleSuccess"
:action="UploadUrl()">
<Button type="ghost" icon="ios-cloud-upload-outline">文件上传</Button>
</Upload>

    2.iview 组件 table 中添加操作,  需要注意 img. a标签需要用domProps

 技术分享图片

技术分享图片

 

都是很基础的iview问题,但是iview文档说明比较简单,所以留个记录!!后面再接着写....技术分享图片

 

以上是关于iview 锚点爬坑 && vue 锚点的主要内容,如果未能解决你的问题,请参考以下文章

vue项目爬坑笔记

iView3.x Anchor(锚点)组件 导航锚点

vue UI库iview源码解析

关于vue 和react 中的hash与锚点冲突问题

爬坑Vim 文档加密 & 解密

iview自定义表单验证 &&& 多表单同时验证