laravel +vue+element-UI如何去取数据和取一行数据

╰+攻爆jí腚メ 2022-04-17 05:11 291阅读 0赞

在搭建好laravel+vue+element-UI的项目后，我们在element-UI的组件中我们发现，取后台数据的方式跟以前的VUE不一样的。  
以前VUE我们用`v-for`来取数据进行循环，在element-UI中用data取数据循环`:data=""`如下：

<el-table :data="site_nodes" style="width: 100%" class="site_top" @selection-change="handleSelectionChange">
                <el-table-column type="selection"></el-table-column>
                <el-table-column label="编号" prop="id" width="80"></el-table-column>
                <el-table-column label="名称" prop="name"></el-table-column>
                <el-table-column label="排序" prop="sort">
                    <template slot-scope="scope">
                        <el-input v-model="scope.row.sort" placeholder="请输入内容" style="width:15%" @change="sort(scope.$index, scope.row)"></el-input>
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
                        <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                    </template>
                </el-table-column>
            </el-table>

如何去取一行数据，在你要取数据（循环体标签内）的地方加上scope就可以进行取数据

<template slot-scope="scope"> </template>

操作带上`函数名(scope.$index, scope.row)"`，调用时`函数名(index, row){//console.log(index, row);}`

发表评论取消回复

表情：

评论列表（有 0 条评论，291人围观）

还没有评论，来说两句吧...

相关阅读

相关分组排序取前n行数据

数据库笛卡尔积实际应用中经常需要两张表，甚至多张表关联，表一旦关联就会产生笛卡尔积。两张表关联时，因为两张表要融合为一张表，所以两张表的每一列都会链接起来。

亦凉/ 2024年03月31日 16:20/ 0 赞/ 42 阅读

相关 Unity数据读取一读取Excel数据

下载需要的库：链接：https://pan.baidu.com/s/1HWgb3zAVomW22zoy6bC07g 提取码：49ev //包含的需要的库案例的ex

心已赠人/ 2023年02月18日 03:09/ 0 赞/ 72 阅读

相关 oracle/mysql排序后取几行数据

oracle 表示按id降序后取前6行 select \ from(select \ from test order by id desc) where rownum<=

阳光穿透心脏的1/2处/ 2022年12月03日 13:11/ 0 赞/ 148 阅读

相关如何用python爬取数据

1. 搭建环境，要装Python，比较省事的办法是安装Anaconda套装。请到这个网址下载Anaconda的最新版本：[https://www.anaconda.com/p

素颜马尾好姑娘i/ 2022年11月22日 12:45/ 0 赞/ 196 阅读

相关如何交叉取一个表的数据

有这样一个需求，先说下表结构，这个表里有帖子信息和问答信息，1对1或者1对多。type 1是帖子信息类型 2 是问答类型 CREATE TABLE \`wenda\` (

柔情只为你懂/ 2022年06月14日 02:12/ 0 赞/ 103 阅读

相关 Oracle 取某一行数据

使用rownum取数据注意这种方法只能取没有排序或分组操作的数据 //取emp表第三行数据 select from (select rownum a

梦里梦外;/ 2022年05月28日 01:16/ 0 赞/ 194 阅读

相关 laravel +vue+element-UI如何去取数据和取一行数据

在搭建好laravel+vue+element-UI的项目后，我们在element-UI的组件中我们发现，取后台数据的方式跟以前的VUE不一样的。以前VUE我们用`v-f

╰+攻爆jí腚メ/ 2022年04月17日 05:11/ 0 赞/ 292 阅读

相关 laravel根据取中间表数据进行查询

存在限制条件不在显示表中，在关联的中间表中，提取中间表数据进行搜索查询： public function index(Request $request)

「爱情、让人受尽委屈。」/ 2022年04月13日 08:25/ 0 赞/ 208 阅读

相关 mysql使用limit取前几行数据

SQL server数据库中使用top取设定数据量，而在mysql中是没有top关键字的，使用limit来完成功能。 order by id desc limit 5 按照i

清疚/ 2022年02月24日 09:44/ 0 赞/ 216 阅读

相关 Q63：海量数据如何去取最大的k个

海量数据如何去取最大的k个 1，直接全部排序这种方法，只适用于内存足够的情况。当数据量较小的情况下，内存中可以容纳所有数据。则最简单也是最容易想到的方法是将数据

红太狼/ 2021年12月14日 14:11/ 0 赞/ 139 阅读