自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 el-dialog中点击弹框外的区域不关闭弹窗

1、设置dialogdeelementUi在对Dialog组件做初始化的时候,默认让该Dialog在点击组件以外区域会导致该组件关闭,Dialog下有个‘close-on-click-modal’属性,该属性默认值为‘True’,作用为:是否可以通过点击 modal 关闭 Dialog。所以,通过设置Dialog下的close-on-click-modal属性为‘false’,即可解决该问题。:close-on-click-modal ="false"2、完整示例代码<el-dialog

2022-05-10 22:05:34 5595

原创 实现左侧菜单的折叠和展开功能

这个功能很简单,就两端代码,不说废话了,上代码<el-aside :collapse="isCollapse"></el-aside>export default { data() { return { // 是否折叠 isCollapse: false, } }}个人记录,方便使用

2022-05-02 19:27:38 612

原创 如何在 “nuxt“ 中使用第三方插件? 或 nuxt.js 引入第三方插件报window is not defined

这里我们使用 element-ui 为例首先安装element-uinpm i element-ui -S安装成功后打开根目录下plugins,创建一个elementui,js的文件import Vue from 'vue'import ElementUI from 'element-ui'Vue.use(ElementUI);然后在根目录下找到nuxt.config.js,找到plugins,在里面写入 { src: "@/plugins/element-ui", ssr: tr

2022-04-24 21:29:36 1290

转载 element-ui使用弹窗 “发生闪动“ 的解决办法

问题:el-dialog关闭的时候总是出现两次弹窗解决:在el-dialog上添加上一个v-if,值就是用闭窗的值,促使闭窗的时候就直接销毁窗口,这样就不可能再有弹出窗口事件了<el-dialog width="0" v-if="dialogshut" :title="addmen" :visible.sync="dialogshut"></el-dialog>...

2022-04-22 19:11:00 1969

原创 CSS 如何设置transition动画, animation动画

一、transition动画1.设置过渡属性语法:transition-property:none|ident|all;none 默认值,没有属性发生过渡ident 指定要过渡的css属性列表all 所有发生变化的css属性都添加过渡2.设置过渡所需时间语法:transition-duration:0|time;0 默认值,没有过渡,直接看到结果time 按照设置时间执行动画,单位为s3.设置过渡延迟执行时间语法:transition-de...

2021-07-28 21:06:09 4145

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除