场景
表格数据可以拖拽排序
2024年08月11日
?●●●
大家好,
我是一名刚步入社会的有志青年开发者。
在校学了三年的后端开发,没想到刚步入公司干起了前端工作,华丽的转变让我有点猝不及防,谁让我辣么优秀!
趁着头发茂密,让我们步入正题!
很有幸进入公司就参与了项目的开发,项目的前端是采用的Vue和Element框架,我刚拿到公司封装之后的Vue的脚手架翻了翻,瞬间感觉对不起老大,我不配当你小弟,请原谅我猜不透你的心思。何以解忧,唯有度娘。
2024年08月11日
我用的是:vue + element ui 直接代码。
<template>
<el-main>
<el-col :span="24" class="warp-main" v-loading="">
<el-form :inline="true" class="demo-form-inline" v-for="(item, i) in FormArr" :key="i">
<el-form-item label="样例">
<el-input v-model="item.value"></el-input>
</el-form-item>
<el-button type="primary" @click="Delete(item.index)">删除</el-button>
</el-form>
<el-button type="primary" @click="AddForm">增加更多</el-button>
</el-col>
</el-main>
</template>
2024年08月11日
参考element ui官网的多选属性:https://element-plus.gitee.io/#/zh-CN/component/checkbox
2024年08月11日
场景是在项目中很多地方都需要用到相同的函数,例如
this.$message({ type: 'success', message: '提示语' })
如果出现次数过多,会造成书写麻烦和代码复杂的情况。
2024年08月11日
当我们使用element ui表格的时候,为了让用户区分是否在请求中。我们通常会采取增加loading的做法。例如这样:
假如此时我不想要这个图标,(我觉得太丑了。)甚至element ui 的icon我都不喜欢。那么应该怎么换呢?
2024年08月11日
前言
相信大家肯定都用过 element-ui 里面的 v-loading 来写加载,但是如果让你来写一个的话你会怎么写呢?
众所周知,element-ui 框架的 v-loading 有两种使用方式,一种是在需要 loading 的标签上直接使用 :v-loading='true',这种方式官方称为指令,还有一种就是使用 this.$loading(options) 来调用,这种方式官方称之为服务。