Vue.js

找到el-table加入红色代码 <el-table :row-style="tableRowStyle" :header-cell-style="tableHeaderColor" > </el-table> 然后再methods加入 // 修改table tr行的背景色 tableRowStyle ({ row, rowIndex }) { // return 'background-color: pink' }, // 修改table header的背景色 tableHeaderColor ({ row, column, rowIndex, columnIndex }) { if (rowIndex === 0 ) { return ' background-color: #FAFAFA;color: #000;font-weight: 500; ' } } 来源： oschina 链接： https://my.oschina.net/u/4312979/blog/3405451

<template> <div> <el-input v-model="input" placeholder="请输入关键字"></el-input> <el-table ref="multipleTable" :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" > <el-table-column type="selection" width="55"></el-table-column> <el-table-column label="日期" width="120"> <template slot-scope="scope">{{ scope.row.date }}</template> </el-table-column> <el-table-column prop="name" label="姓名" width="120"></el-table-column> <el-table-column prop="address" label="地址" show-overflow-tooltip></el-table

文章来源 ： https://www.cnblogs.com/fengpingfan/p/9811330.html 在web开发过程中，通常使用表格展示数据，在数据较多时采用分页的方式展示给用户。 分页方式有前端假分页和后端分页两种实现方式，此文仅记录前端假分页实现方式。 第一步：添加分页组件（el-pagination）在表格下方，添加的代码如下所示： <template> <el-table> ... </el-table> <el- pagination @size -change="handleSizeChange" @current -change="handleCurrentChange" :current -page="currentPage" :page -sizes="[15, 30, 50, 100]" :page -size="pageSize" layout ="total, sizes, prev, pager, next, jumper" :total ="currentTotal"> </el-pagination> </template> <script> ... </script> 第二步：添加分页所需的变量，如下所示： <script> export default { methods: { ... }, data() { return {

原文链接： 点我 最近在项目中使用了百度地图来显示物流信息，实现方式有两种： 引用Vue Baidu Map 引用BMap 存在的问题：\color{red}{存在的问题：}存在的问题：； 使用BMap可以修改起始点和终点的图标，但是地图需要刷新页面才会显示。 针对以上问题，问题的实现如下所示： Vue文件中的代码 <template> <div id="myMap"></div> </template> import qs from "qs"; export default { mounted() { this.getMap(); }, methods: { // 绘制地图 getMap() { var map = new BMap.Map("myMap"); map.enableScrollWheelZoom(true); //注意：下面的坐标值换为自己的动态值即可，我就不多说了 var start = new BMap.Point(this.startLng, this.startLat); var end = new BMap.Point(this.currentLng, this.currentLat); var p1 = new BMap.Point(this.currentLng, this.currentLat); //自定义图标 var startIcon =