vue+element-ui+ajax的一个表格实例

最新推荐文章于 2024-08-02 18:16:47 发布

MrZero404

最新推荐文章于 2024-08-02 18:16:47 发布

阅读量4.4k

点赞数

分类专栏：前端文章标签： ajax vue element

本文链接：https://blog.csdn.net/MrZero404/article/details/78899806

版权

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-3.2.1.js"></script>
<script src="vue.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

</head>
<body>
 
<div id="app">
<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column label="任务" width="180">
      <template slot-scope="scope">
        <el-popover trigger="hover" placement="top">
          <p>姓名: {
  { scope.row.name }}</p>
          <div slot="reference" class="name-wrapper">
            <el-tag size=