预览照片的插件 v-viewer 只要img中传入对应的图片的src即可,images是接口获取的图片地址数组 [‘images/img01.jpg’, ‘images/img02.jpg’, ‘images/img03.jpg’]
error Component name “index“ should always be multi-word vue/multi-word-component-names 意思是“无法分配给文字报错错误组件名称“index”应始终为多单词vue/多单词组件名称”。官方文档建议组件名写成驼峰式或者-衔接的形式,故在编译的时候把命名不规范的代码判定为不规格;解决方法是关闭语法检查,在vue.config.js中增加下面配置。
formData传参,给传参添加content-Type 上传一个文件和一个JSON对象对象的Content-Type是application/json。通过new Blob()将需要设置Content-Type的value构建成Blob对象,对象的type是Content-Type是application/json const formm = { name:'张三', sex:'男' } const formData = new FormData formD
双击table表格进行输入框表格编辑 == @cell-dblclick=“tableEdit”== <el-table :data="tableData" height="95%" border @cell-dblclick="tableEdit" @click="clickTd" :highlight-current-row="false" style="wid
上传图片,后端接受为file: [object Object]而不是(binary),后台接收为null 解决方法:修改请求头content-Type,formData传参export function POSTHeader(url, data) { return request({ url, method: 'post', // headers:headers?headers:'', headers: { 'Content-Type': 'multipart/form-data; boundary=----We
element table 表格表头及表格 背景色 <el-table :data="tableData" height="height" border :highlight-current-row="false" style="width: 100%;margin: auto;background:#334D66;pointer-events: none;" :header-cell-style="{colo
webpack环境搭建 webpack环境搭建一 webpack是什么是一个模块化构建打包工具vue,react 用的脚手架底层就是基于webpack搭建的在公司主要用于公司内部搭建前端环境掌握node webpack 可以说是晋升架构师的重要一环学会webpack在vue脚手架也可以轻松的配置构建工具除了webpack,还有grunt,gulp,rollup……二 webpack的使用webpack中文文档:https://webpack.docschina.org/concepts/三 创建packa
实现div垂直水平居中的10种方法 实现div垂直水平居中的10种方法1 弹性布局flex第一种 父级对自己元素进行垂直居中,居中属性只要定义在父元素中即可 .father{ width: 200px; height: 200px; background: #000; display: flex; flex-direction: row; justify-content: center
Echarts使用 https://www.jsdelivr.com/package/npm/echarts 下载echarts.main.js 引入到要使用的页面示例图:详情使用代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
svg svg特点与其他图片格式的区别图标:icon gif,jpg,pngsvg(放大不失真,可以通过css和js改变样式和交互)svg具体如何绘制基本图形绘制一条线段矩形画圆椭圆多边图形路径:path:<svg xmlns="http://www.w3.org/2000/svg"> <path d="M 10 10 L 100 10 L 100 100 L 10 100 L 10 10" style="stroke:red;fill:none" />&
接口的使用 解口文档参数名参数说明备注:id分类 ID不能为空携带在url中attr_name参数名称不能为空attr_sel[only,many]不能为空attr_vals如果是 many 就需要填写值的选项,以逗号分隔【可选参数】### 添加动态参数或者静态属性- 请求路径:categories/:id/attributes- 请求方法:post- 请求参数响应数据{ "data": { "attr_id":
解决级联选择器cascader中的问题 .1 可以选择cascader的任意级别template:<el-cascader :props="defaultProps"></el-cascader> JS->data defaultProps: { .... checkStrictly:true .... },1.2 隐藏小圆圈问题核心思路:通过css隐藏小圆圈,并扩大小圆圈的显示范围,然后设置visibility为hidden.el-cascader-p