![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
今天星期八
这个作者很懒,什么都没留下…
展开
-
vue + elementui 中 使用了 懒加载的 tree(<el-tree></el-tree>),点击按钮重置tree
【代码】vue + elementui 中 使用了 懒加载的 tree(),点击按钮重置tree。原创 2023-05-10 15:14:14 · 3161 阅读 · 3 评论 -
vue 项目中使 实现粒子动态 背景图
在vue中,实现粒子动态背景图的效果首先安装 插件npm install vue-particles --save-dev在main.js 文件中进行引用注册// 动态粒子import VueParticles from 'vue-particles' Vue.use(VueParticles)在页面中直接使用 <vue-particles color="#409EFF" :particleOpacity="0.7" :particlesNumber原创 2022-04-08 16:06:25 · 2229 阅读 · 0 评论 -
vue中 给元素添加鼠标移入,鼠标移出的效果的事件
在vue 中鼠标移入方法为 v-on:mouseover,鼠标移出方法为 v-on:mouseout使用方法如以下代码中的写法<div class="subei1" id="subei1" v-on:mouseover="changeActive()" v-on:mouseout="removeActive()" @click.stop="changeStyle()"></div方法如下: changeActive(id) {原创 2022-03-28 15:54:21 · 12288 阅读 · 0 评论 -
vue 中 watch 监听方法的写法
实现效果描述 :监听form表单中一个值的变化,清空某个值 watch:{ 'form.callPoliceSort':function(newValue){ // 监听form表单中callPoliceSort字段值的变化,变化了将需要清空的值进行清空 console.log('newValue',newValue); this.form.callPoliceType = ''; this.form.callPoliceClass = '';原创 2022-03-25 17:15:52 · 7084 阅读 · 0 评论 -
element-ui 中 若依后台默认删除提示框样式修改
vue + element-ui +若依框架,默认的删除弹窗如何修改样式代码如下:需要自定义弹窗的样式/** 删除按钮操作 */handleDelete(row) { const ids = row.id || this.ids; this.$confirm( '是否确认删除排班表中警员编号为"' + row.policeCode + '"的数据项?', "提示", { customClass: "message-logout", } )原创 2022-03-25 14:53:27 · 4521 阅读 · 0 评论 -
vue 中 自定义组件,并在页面中进行注册使用
vue 中自定义组件(components),并在页面中进行引入注册使用一、首先进行组件自定义,写在components 中二、在需要显示的页面中进行使用先引用 (驼峰名命名法)在component 中进行注册在页面中进行使用...原创 2022-03-25 10:41:59 · 1811 阅读 · 0 评论 -
element-ui 中的 table 去除默认的边框
element-ui 中table 边框如何去除/* 去除表格的边框 */.table_box /deep/ td.el-table__cell { border: none;}.table_box /deep/ th.el-table__cell { border: none;}.user_box /deep/ .el-table::before { left: 0; bottom: 0; width: 100%; height: 0;}注:此处的 .tabl原创 2022-03-25 10:19:44 · 4775 阅读 · 0 评论 -
element-ui中修改 el-table 的样式,头部样式的修改(附效果图)
element-ui 中 表格的默认样式修改原创 2022-03-25 10:00:37 · 2457 阅读 · 0 评论 -
element-ui + vue 实现查看大图(旋转+缩放+全屏)
vue 中实现查看大图的功能(包括缩放,旋转,全屏展示等)<div class="demo_image__preview avatar" v-for="(p,k) in JSON.parse(item.letterOfAdmission)" :key="k"> <el-image style="width: 100%; height: 100%" :src="p.url" :preview-src-list="getPreviewImgList(JSON.p原创 2021-12-29 11:59:45 · 1994 阅读 · 0 评论 -
elementUi 中如何修改 textarea 的默认高度?
elementUi 中如何修改 textarea 的默认高度?在element-ui 框架中,textarea 的默认高度为 :rows="2"想修改高度的话,直接修改 :rows = “3” 或 :rows = “4” 即可<el-input v-model="form.desc" type="textarea" :rows="5" placeholder="请输入内容" />...原创 2021-06-01 17:13:32 · 8929 阅读 · 0 评论 -
隐藏element-ui 中时间日期选择器中的 ‘此刻’ 按钮
如何隐藏下图中的按钮(避免在不可选择当天的情况下点击’此刻’的按钮)实现方法如下:首先创建静态css文件-// index.css 文件// 隐藏整个按钮(此刻和确定).el-picker-panel__footer { display: none;}// 隐藏 ‘此刻’ 按钮.el-picker-panel__footer .el-button--text.el-picker-panel__link-btn { display: none;}在main.js 中全原创 2021-03-25 09:07:10 · 3160 阅读 · 0 评论 -
element-ui 中日期时间选择器限制时间的可选范围
vue element-ui 中日期时间选择器限制可选范围通过Picker Options 中的 disabledDate 设置禁用状态,参数为当前日期,要求返回 Boolean 来进行设定<el-form-item label="活动开始时间" prop="starttime"> <el-date-picker clearable size="small" style="width: 200px" v-model="form.starttime" ty原创 2021-03-25 09:05:25 · 1313 阅读 · 0 评论 -
解决在vue页面中引入组件,下次点击新增时样式不清除的问题
解决样式不清除的问题<el-form-item label="xx" prop="cvhImgs"> <my-upload :fileList="form.cvhImgs" @changeImages="changeImagesDw" v-if="hackReset"></my-upload> <!-- 此方法是自己封装的 --></el-form-item>通过 v-if 进行清除首先在data 中定义原创 2021-02-01 09:05:35 · 342 阅读 · 0 评论 -
vue中 解决 element-ui中通过v-if动态切换 <el-input />和 <editor />的样式,不清除的问题
通过 (:key=“1” )-----------(:key=“2”) 进行切换清除样式 <el-form ref="form" :model="form" :rules="rules" label-width="160px"> <el-form-item label="参数键值" prop="configValue" v-if="form.remark == '0'" :key="1"> <el-input v-model="form.configValue原创 2021-02-01 08:57:31 · 1780 阅读 · 0 评论