首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
在element中使用表格遇到的问题?
社区首页 >问答首页 >在element中使用表格遇到的问题?

在element中使用表格遇到的问题?

提问于 2018-12-30 13:19:36
回答 1关注 0查看 636
代码语言:javascript
运行
AI代码解释
复制
<template>
  <div class="container">
    <el-table
      :data="form.list"
      stripe
      border
      max-width="100%">
      <el-table-column
        type="index"
        label="序号"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="名称"
        width="180">
        <template slot-scope="scope">
          <el-input v-model="form.list[scope.$index].name"></el-input>
        </template>
      </el-table-column>
      <el-table-column
        v-for="(col,index) in contents"
        :label="col.name" :key="col.prop">
        <!--<span>{{row.index}}</span>-->
        <template slot-scope="scope">
          <!--<span>{{scope.$index}}</span>-->
          <el-select v-model="form.list[scope.$index].results[index].state">
            <el-option label="0" value="0"></el-option>
            <el-option label="1" value="1"></el-option>
            <el-option label="2" value="2"></el-option>
          </el-select>
        </template>
      </el-table-column>
      <el-table-column
        prop="description"
        label="描述"
        width="180">
        <template slot-scope="scope">
          <el-input v-model="form.list[scope.$index].description"></el-input>
        </template>
      </el-table-column>
    </el-table>
    <el-button type="primary" @click="addRow">添加行</el-button>
    <el-button type="primary" @click="addColoum">添加列</el-button>
  </div>

</template>

<script>
export default {
  name: 'mytable',
  data () {
    return {
      count: '2',
      contents: [
        {
          name: '数学',
          value: '01'
        },
        {
          name: '英语',
          value: '02'
        }
      ],
      form: {
        list: []
      }

    }
  },
  created () {
    this.createData()
  },
  methods: {
    createData () {
      var temp = [], t = null, list_temp = null
      this.contents.forEach(el => {
        t = {
          id: el.value,
          state: '1'
        }
        temp.push(JSON.parse(JSON.stringify(t)))
        // temp.push({...t})
      })

      list_temp = {
        name: '',
        description: '',
        results: temp.concat()
      }

      for (var i = 0; i < this.count; i++) {
        this.form.list.push(
          {...list_temp}
        )
      }

      console.log(this.form.list[0] === this.form.list[1])   //false
      console.log(this.form.list[0].results[0] === this.form.list[1].results[0]) //true
    },
    addRow () {
      this.form.list.push({})
    },
    addColoum () {

    }
  }

}
</script>

<style scoped>
</style>

天天_哥

提问者

发布于 2019-01-02 14:26:15

代码语言:javascript
运行
AI代码解释
复制
for (var i = 0; i < this.count; i++) {
  this.form.list.push(
    JSON.parse(JSON.stringify(list_temp))
  )
}
查看全部 1 条回答
为您推荐天天_哥的文章
vant upload 上传七牛
beforeRead (file) { return new Promise((resolve, reject) => { if (file.type !== 'image/jpeg') { let msg = '请上传 jpg 格式图片' Toast(msg) reject(msg) } else { token().then(res => { let dat
2020-02-19
1.6K0
ant-design-mobile设置主题不生效
在翻阅ant-design-mobile源码里定义的变量,发现那个所谓的主题色不叫@primary-color,而是
2020-02-19
1.2K0
相关文章
bash: rsync: 未找到命令
今天学习了rsync的同步操作,本打算往服务器同步一些数据,于是报了一下错误: ➜ ~ rsync -r /Users/Apple/index.html root@1.1.1.1:/var/www/html/ bash: rsync: 未找到命令 rsync: connection unexpectedly closed (0 bytes received so far) [sender] rsync error: error in rsync protocol data stream (code 12
肓己
2021/08/12
2.6K0
Bash: Command Not Found命令未找到
当你不熟悉Linux时,很多事情可能会让人不知所措。但是当你了解问题的根本原因时,它会逐渐提高你的知识。command not found命令未找到的错误通常没有直接的解决方案。这里给你一些提示和指示,这应该可以帮助你排除故障。 在本教程中我们将探讨bash: command not found命令未找到的原因以及解决方法。我们将以ipconfig命令为例说明错误的原因。并提出三种解决方法,包括:确定是否存在拼写错误,确保该命令已安装在你的系统上,使用apt,yum,dnf命令安装你需要的命令,检查可执行脚
入门笔记
2022/06/02
5.9K0
java环境配置及jps命令未找到
最近基于CentOS 7下安装hadoop集群,碰到了java环境变量的问题,同时也出现了jps命令无法找到的情况。简要描述一下基于CentOS 7下Java环境的配置及jps命令未找到的处理。
Leshami
2018/08/06
3.4K0
bash: jar: 未找到命令..(command not found)
/bin/bash: jar: command not found 解决办法: cd /usr/bin 必须先进入/usr/bin,下同 sudo ln -s -f /usr/lib/jvm/jdk1.6.0_30/bin/jar 我的jdk是安装在/usr/lib/jvm/jdk1.6.0_30/目录下的 如果提示javah:commond not found,于是照葫芦画瓢,输入命令 cd /usr/bin ln -s -f /usr/lib/jvm/jdk1.6.0_30/bin/javah
周小董
2019/03/25
8.4K0
linux未找到 ftp命令,Linux服务器ftp命令找不到「建议收藏」
若显示vsftpd-2.2.2-11.el6_4.1.x86_64这样的信息,说明FTP服务器已安装,那为什么FTP命令不能用呢,那是FTP客户端没安装的缘故。
全栈程序员站长
2022/09/28
32.4K0
Unix\Linux 执行 shell 报错:“$'\r': 未找到命令” 的解决办法
大多数原因是因为 shell 脚本是在 Windows 编写导致的换行问题,具体原因是 Windows 的换行符号为 CRLF(\r\n),而 Unix\Linux 为 LF(\n)。
叨叨软件测试
2021/06/16
4.8K0
Unix\Linux 执行 shell 报错:“$'\r': 未找到命令” 的解决办法
java-version未找到命令_org.apache.catalina.core.stand
springboot 2.x工程,将jasypt升级到3.x–>3.0.3后,配置一个属性为加密,工程启动后报错如下
全栈程序员站长
2022/11/09
1.3K0
java-version未找到命令_org.apache.catalina.core.stand
Redis使用时报错:-bash: redis-cli: 未找到命令
问题分析:  试了很多网上的方法,还是不行,怀疑开始安装的时候步骤是不是哪里遗漏了,翻历史命令的时候发现问题了,我只是make了,没有make install。
非著名运维
2022/06/22
2.4K0
redis-cli 未找到命令的一个解决方式
进入redis的安装路径下 将src目录里的redis-cli文件复制到/usr/local/bin/路径中 cp src/redis-cli /usr/local/bin/
宸寰客
2020/08/28
3.8K0
redis-cli 未找到命令的一个解决方式
ldd命令 ubuntu_Linux ldd 命令 command not found ldd 命令详解 ldd 命令未找到 ldd 命令安装 – CommandNotFound ⚡️ 坑否…[通俗易
ldd 命令打印程序和库的共享库依赖项。注意:ldd 不是一个可执行程序,而只是一个 Shell 脚本。
全栈程序员站长
2022/09/05
2.3K0
express 与 express-generator
其实express只是一个框架,那么npm install -g express 也仅仅是安装了这个框架,其作用是自己构建express项目的时候,库已经可以引用了。
bear_fish
2018/09/19
2.4K0
Express
cnpm i cookie-session const cookieSession = require(‘cookie-session’); server.use(cookieSession({ keys:[ ‘abcabac’, ‘effe’ ],//安全密钥列表 maxAge:20601000//过期时间
切图仔
2022/09/14
1.1K0
Express路由
一,创建一个路由模块router.js文件。 //这是路由模块 //1,导入express const express=require('express') //2,创建路由对象 const router = express.Router(); //3,挂载具体的路由 router.get('/user/list',(req,res)=>{ res.send('get user list ') }) router.post('/user/add',(req,res)=>{ res.send(
张苹果
2022/10/04
1.1K0
Express框架
Express是一个基于Node平台的web应用开发框架,它提供了一系列的强大特性,帮助你创建各种Web应用。我们可以使用 npm install express 命令进行下载。
Qwe7
2022/05/24
1.2K0
初识Express
一,安装Express。 // 安装express命令 npm i express@4.17.1 // 全局安装 nodemon // 作用:修改项目文件后,可以自动重启项目 npm install -g nodemon //安装之后,我们可以将node命令替换为nodemon命令,使用nodemon app.js 来启动项目, //这样做的好处:代码被修改之后,会被nodemon监听到,从而实现自动重启项目的效果 二,使用Express创建基本的服务器。 //1,导入express const expr
张苹果
2022/10/04
1.7K0
安装express
安装express [root@alex ~]#yum -y install npm [root@alex example]# yum install nodejs [root@alex ~]# node -v v5.5.0 [root@alex ~]# mkdir example [root@alex ~]# cd example/ [root@alex example]# npm init This utility will walk you through creating a package.jso
零月
2018/04/25
1.7K0
安装express
Express简介
中间件(Middleware): Express中的中间件是应用中处理请求的函数。它可以执行各种任务,如验证用户、处理日志、解析请求体等。中间件函数可以串联,形成一个处理请求的管道。
用户10781437
2023/10/10
3460
Express 路由
前面说到Express有两个核心概念:Middleware和Routing。什么是Routing呢,简单来说就是http请求与服务端应答逻辑之间的映射关系。
李振
2021/11/26
1.6K0
Express框架
Express是一个基于Node平台的web应用开发框架,它提供了一系列的强大特性,帮助你创建各种Web应用。我们可以使用 npm install express 命令进行下载。
星辰_大海
2020/11/10
1.8K0
Express框架
点击加载更多

相似问题

Express -未找到命令

22

zsh:未找到命令: express

15

-bash: express:未找到命令

03

Express:未找到命令和未满足的依赖项

10

Sh.exe。正确设置PATH变量后仍未找到‘express’命令

12
相关问答用户
平安资管 | 架构师擅长4个领域
擅长3个领域
腾讯云TDP | 高级后端开发工程师擅长3个领域
擅长4个领域
腾讯云TDP | 宣传大使擅长3个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档