渲染列表数据时，table表格属性中的prop获取到的数据是一个数组，经过研究，发现了两种方法可以把数组中的数据渲染出来。这是页面代码，prop对应的file后台返回的是一个数组后台数据如果页面直接这么写，渲染出来全是undefind，要求是显示数据中的file_name，研究了一会后发现有两种方式第一种方式是在这里直接循环file数组<el-table-column prop="file"

业务需求，需要在用element写的表格中的输入选择框加验证，如下因为本来表格组件是table写出来的，不像form表单可以直接加prop和rules验证，一番查找之后，是先用form表单把table表格包起来<template><el-card class="box-card"><div slot="header" class="clearfix"><s

vue3 + ts项目（无vite）报错记录

vue3+ts引入第三方js包，避免引入文件的关键字报错

打印一个有很多table的页面，预览的时候发现页面会缺失后面的一部分，如何解决？打印页面用的是v-print<el-button type="danger" class="no-print" round v-print="'#printDiv'"> 打印 </el-button>给要打印的区域加上id仅仅这样写会出现打印不完全需要给打印区域加上样式<style>

vue项目中使用mapbox地图，切换底图

渲染列表数据时，table表格属性中的prop获取到的数据是一个数组，经过研究，发现了两种方法可以把数组中的数据渲染出来。这是页面代码，prop对应的file后台返回的是一个数组后台数据如果页面直接这么写，渲染出来全是undefind，要求是显示数据中的file_name，研究了一会后发现有两种方式第一种方式是在这里直接循环file数组<el-table-column prop="file"

vue 项目错误原因：跨域解决办法：package.json文件中的scripts调试添加"start": "node index.js", "server": "nodemon index.js --ignore client"这篇文章解释的很清楚https://blog.csdn.net/Reagan_/article/details/97498160

先上效果图刚开始对着swiper官网自己摸索，引入swiper依赖启动，当然是直接报错，然后百度各种文章，是版本问题导致报错，后来用vue-awesome-swiper来做这个轮播。我用的是3.1.3的vue-awesome-swiper第一步npm install vue-awesome-swiper@3 --save-dev然后就是最重要的一点引入文件这一步了第二步import { swipe

vue项目中使用mapbox地图，切换底图