- 博客(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关注的人