elementui
Sun_Gem
努力,努力,再努力!
展开
-
elementui使用el-table中的el-popover,点击确定或者取消后关闭按钮弹窗
遇到的问题:①、因为表格数据是循环展示的,导致点击后popover一次性出现多个,为保持popover的唯一性,需要给el-popover设置ref属性’popover-’ + scope.row.id 然后搭配el-popover的内置方法 doShow 并且trigger=“manual”。②、弹出框弹出后不消失,el-popover的有内置方法 doClose ,通过引用popover对象然后调用doClose方法。html:<el-popover placement="bottom"原创 2022-03-22 15:09:56 · 5854 阅读 · 1 评论 -
vue中使用swiper插件(轮播图)
vue项目中很多场合需要用到轮播图效果,虽然element-ui中配套有走马灯方法,但是轮播类型较少,效果较差,很多平台不适用。swiper插件提供了很多类型的轮播效果,适用于大多数平台的开发,下面讲解具体使用方法。一、引入①安装npm install vue-awesome-swiper --save②main.js中引入import 'swiper/dist/css/swiper.css'//(如果使用的是2.6.0以上的版本需要自己手动去加载css)import VueAwesom.原创 2021-05-08 17:08:53 · 2165 阅读 · 0 评论 -
elementui中上传组件el-upload传递token
html代码<el-upload action="请求地址" :headers= "config" ></el-upload>js代码data() { return { token:"" }},computed:{ config() { return {'Authorization' : this.token}; }},created() { this.token = localStorage.getItem("token");}原创 2021-05-21 09:45:24 · 756 阅读 · 0 评论