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 · 5927 阅读 · 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 · 2183 阅读 · 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 · 761 阅读 · 0 评论