element
关注
分享
扫一扫
不会么么哒
如果你觉得好用，求个收藏
展开
-
下载文件返回值封装
element+vue3.0后端返回text格式返回参数下载原创 2022-11-23 10:34:59 · 209 阅读 · 1 评论 -
table中的select，共用数组，其中一个选中A另一个不显示A
table中的select，共用数组，其中一个选中A另一个不显示A原创 2022-08-25 17:28:06 · 294 阅读 · 0 评论 -
transform标签配合keepalive使用时，画面重叠
<div class="content"> <transition name="fade-transform" mode="out-in"> <keep-alive :include="tagsList"> <router-view v-if="$route.meta.keepAlive && isRouterAlive">.原创 2021-07-01 15:03:52 · 481 阅读 · 0 评论 -
vue+element 制作页签
https://bhuh12.github.io/vue-router-tab/zh/guide/essentials/#%E8%B7%AF%E7%94%B1%E9%85%8D%E7%BD%AE原创 2021-06-29 16:12:05 · 350 阅读 · 0 评论 -
i18n input验证信息rules不改变
有两种方式可以解决表单验证更新问题第一种：通过computed属性以基础表单为例，代码如下：<template> <div> <el-form :model="form" :rules="rules" ref="form"> <el-form-item :label="$t('form.Name')" prop="name"> <el-input v-model=...原创 2021-06-21 17:19:29 · 459 阅读 · 0 评论 -
vue+element 动态添加一项下拉框
1.开发中有个实习生有一个需求，写了个demo记录下来了，东西不难，遇到同样的没头绪可以看看<template> <div style="margin: 48px;"> <el-table :data="list"> <el-table-column label="偏远地区加价" min-width="300"> <template #default="..原创 2021-05-17 14:22:44 · 1908 阅读 · 2 评论 -
element 次级联动点击一项加载下一项，地址限加载
<el-form-item label="商品类目：" v-if="navstate==-1"> <el-cascader v-model="preSearchForm.class" :props="props" :show-all-levels="false"></el-cascader></el-form-item>data：{return：{props: { lazy: true, l...转载 2021-04-29 16:07:19 · 150 阅读 · 0 评论 -
element 多层级穿梭狂
具体就不写了，也是引用的这个地址，挺简单的原创 2021-04-16 18:32:02 · 354 阅读 · 0 评论 -
ele 多选框实现三级联动权限管理
<template> <el-form label-width="200px"> <el-button @click="aa">点击我打印结果</el-button> <el-form-item v-for="v1 in list" :key="v1.id" style="border-top: 1px solid red;padding-left: 24px;"> <el-c.原创 2021-04-01 15:14:06 · 296 阅读 · 0 评论 -
table里面套一个table，双重数组，并且对内部数组进行单元格合并
1.主数组为tabledata2.因为是双重数组，内部数组单元格合并，3.:span-method="data => spanMethod(scope.row.purchase, data)"这样写4.methods: {//判断当前值与上一个值对比，相同合并 spanMethod(data,name ){ console.log(name,data) if(name.columnIndex ...原创 2021-03-25 17:32:51 · 664 阅读 · 0 评论 -
数组中提取两个值组成新数组
letarrnew=this.multipleSelection.map((item,index)=>{returnObject.assign({},{'carton_id':item.carton_id,"logistics":item.wuliudanhao})})原创 2021-03-11 18:04:38 · 1073 阅读 · 0 评论 -
2021-03-11element合并单元格
数据格式[ { "carton_id": "10020711", "carton_name": "100207-1", "carton_sort": "0", "created_at": "0", "id": "1", "is_deleted": "0", "logistics": null, "order_id": "1002071", "state原创 2021-03-11 17:37:38 · 175 阅读 · 0 评论 -
基于element的多层级穿梭框
点击进入原创 2021-02-07 15:27:25 · 1520 阅读 · 0 评论 -
监听页面宽度，执行操作
//定义screenWidthdata() { return { screenWidth: document.body.clientWidth, }; },//打开监听mounted() { const that = this window.addEventListener("resize", function() { return(() => { window.screenWidth = document.body.clientWidth.原创 2021-02-06 18:06:16 · 314 阅读 · 0 评论 -
判断数组中某一个值是否为false，全部为true时执行，否则不执行
mounted(){ this.ticketArr=[ { name:'大师傅', isshow:false }, { name:'的风格', isshow:false } ] if(this.ticketArr.findIndex(target=>target.isshow===true)==-1){ console.log('验证通过') }else { console.log('.原创 2020-10-21 10:02:05 · 7490 阅读 · 1 评论 -
vue +element 实现倒计时，以及倒计时结束时启动计时器计时，最后用的vant 组件
<!--<template> <el-col :span="10" class="getCode"> <el-button :disabled="isDisabled" :class="isDisabled?'lightBrown opacity':'deepBrown'" @click="getCode.原创 2020-10-09 10:52:31 · 4534 阅读 · 0 评论 -
vue +element 数字键盘，vant 数字键盘使用
下载vant 不在赘述 可以看官网min.js 写入import 'vant/lib/index.css';import { NumberKeyboard } from 'vant';Vue.use(NumberKeyboard);下面是页面<template> <div > <van-number-keyboard :show="show" extra-key="." @input="onInput" @d...原创 2020-09-29 11:18:04 · 2459 阅读 · 0 评论 -
vue中 使用element-ui 图标和阿里字体图标结合使用
vue中 使用element-ui 图标和阿里字体图标结合使用1 登录阿里字体图标官网2 图标管理 --> 我的项目 --> 创建一个项目3 开始搜有想要的图标添加到我的项目中4 下载到本地5 解压，拷贝到src/asserts/icon下.├── demo.css├── demo_fontclass.html├── demo_symbol.html├── demo_unicode.html├── iconfont.css├── iconfon.转载 2020-09-24 12:03:43 · 808 阅读 · 0 评论 -
element全屏事件
handleFullScreen() { let element = document.documentElement; if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFull..原创 2020-09-23 16:32:46 · 368 阅读 · 0 评论 -
扫码枪实现input不能失去焦点，放在移动端不能弹出软键盘demo
用的vue+element框架<template> <div class="login-wrap"> <h2 class="dlone">登录</h2> <div class="iconcard"> <i class="el-icon-bank-card"></i> <p>{{logining}}</p> </div> <el-input type原创 2020-09-23 15:27:43 · 1454 阅读 · 0 评论 -
input 输入框默认获得焦点
JavaScript实现默认焦点：如下写<body>标签：<body onload="window.formLogin.user.focus()"> <form name="formLogin" action="" method=""> <input type="text" name="user" value=""/> <input type="password" name="password" v...原创 2020-09-21 15:39:35 · 2013 阅读 · 0 评论 -
vue+element 框架 （个人认为好用）
这个vue-manage-system后台管理框架原创 2020-09-14 16:10:02 · 719 阅读 · 0 评论 -
element 实现多个循环出来的复选框，以及回显
1.效果图如上 下面是demo1，点击aaaa 所有rule里面的链接 放到一个数组里面<style scoped></style><template> <el-form label-width="200px"> <el-button @click="aa">点击我打印结果</el-button> <el-form-item v-for="item in ci...原创 2020-09-11 17:39:39 · 6044 阅读 · 8 评论