四时宝库

程序员的知识宝库

element-ui表格拖拽排序(elementui 表格拖动排序)

场景

表格数据可以拖拽排序

俺咋能看懂公司前端项目?(公司前端开发用什么软件)

?●●●

大家好,

我是一名刚步入社会的有志青年开发者。

在校学了三年的后端开发,没想到刚步入公司干起了前端工作,华丽的转变让我有点猝不及防,谁让我辣么优秀!

趁着头发茂密,让我们步入正题!

很有幸进入公司就参与了项目的开发,项目的前端是采用的Vue和Element框架,我刚拿到公司封装之后的Vue的脚手架翻了翻,瞬间感觉对不起老大,我不配当你小弟,请原谅我猜不透你的心思。何以解忧,唯有度娘。

Vue 点击添加一行和删除一行(vue点击添加一个div)

我用的是: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>

在vue实现element ui中的card(卡片中)使用多选和分页

参考element ui官网的多选属性:https://element-plus.gitee.io/#/zh-CN/component/checkbox

Vue开发库存管理前端页面时一些小经验记录

场景是在项目中很多地方都需要用到相同的函数,例如

this.$message({
 type: 'success',
 message: '提示语'
})

如果出现次数过多,会造成书写麻烦和代码复杂的情况。

luckysheet 国产超强纯前端在线excel表格功能强大 简单使用记录

效果预览



官网及在线示例

如何让element ui table 用上ant的loading图标

ui框架 element ui

当我们使用element ui表格的时候,为了让用户区分是否在请求中。我们通常会采取增加loading的做法。例如这样:

假如此时我不想要这个图标,(我觉得太丑了。)甚至element ui 的icon我都不喜欢。那么应该怎么换呢?

element-ui 源码解析,你知道 v-loading 是如何实现的吗?

前言

相信大家肯定都用过 element-ui 里面的 v-loading 来写加载,但是如果让你来写一个的话你会怎么写呢?

众所周知,element-ui 框架的 v-loading 有两种使用方式,一种是在需要 loading 的标签上直接使用 :v-loading='true',这种方式官方称为指令,还有一种就是使用 this.$loading(options) 来调用,这种方式官方称之为服务。

<< < 1 2 3 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接