m0_47630333的博客

原创 上传文件的属性

原创 点击本行的按钮，既能弹出弹窗，又能在点击确定的时候发起请求

原创 添加按钮并控制按钮的显隐

目的是给子节点添加上按钮,前提是父节点中有flag这个属性,然后如果flag为1的话,就显示这个按钮,如果flag为2,就不显示这个按钮返回的data数据为给后台一个id,就不用管了效果:因为为1的时候,显示这个按钮,为2的时候不显示,但是这两条都是flag为2,都不显示...

转载 this.$route.query和this.$route.params的区别

this.route.query:页面之间用路由跳转传参this.route.query :页面之间用路由跳转传参this.route.query:页面之间用路由跳转传参this.router.push({path: ‘/monitor’,query:{id:id,}}）this.$route.query.id获取参数时,在url中带参数页面之间用路由跳转传参this.router.push(path:′/monitor′,params:id:id,）this.router.push({

原创 el-upload实现只上传一个文件且再次上传会覆盖前面的文件

原创 在点击按钮的时候,调通接口而且还能创建一个a标签

await this.$axios({ url: '/api/nceconomy/v1/cost_template/dowload', method: 'POST', responseType: 'arraybuffer', data: params }).then((res) => { const blob = new Blob([res.data], { type: 'application/v...

原创 当el-button很小的时候，就选择el-tag，因为el-tag是很小的

当el-button很小的时候，就选择el-tag，因为el-tag是很小的

原创 this.$router,push跳转加传参

传递参数 – this.$router.push({path: ’ 路由 ', query: {key: value}})示例：

原创 在vue的data函数中设置一个布尔值，用于切换内容的显示和隐藏

在vue的data函数中设置一个布尔值，用于切换内容的显示和隐藏

原创 @click.native

用这个就是来监听根组件的事件相当于$emit(“click”,…)

原创 el-table中的：load属性

：load=“xxx”在methods中示例：

原创 el-table中的树形结构

1支持树类型的数据的展示2当row中包含children字段时，被视为树形数据3渲染树形数据时，必须要指定row-key。4支持子节点数据异步加载。5 设置Table的lazy属性为true 与 加载函数load6通过指定row中的hasChildren字段来指定哪些行是包含子节点7children与hasChildren都可以通过tree-props配置...

原创 el-menu中的select属性

示例：这个第一个参数是0 1 2 index值

原创 menu 中的mode属性默认是垂直展示

el-menu中的导航菜单默认为垂直模式，通过mode属性可以使导航菜单变更为水平模式，另外，在菜单中通过subment组件可以生成二级菜单

原创 el-menu的属性:default-active

说明内容是：当前激活菜单的index其实，即使不加这个属性，也能正常显示选中的item变量，但是之所以要加这个属性，是为了浏览器刷新后，仍然可以定位到之前选中的路由如果没有多层嵌套路由的话，可以令:default-active="$route.path"，但是如果有多层嵌套，建议在计算属性里，更新数据...

原创 Vue动态控制输入框的禁用属性的方法 :disabled=“xxx“

有时候会有这样的需求,新增的时候可以输入,修改的时候就把输入框禁用,此时就需要通过控制input标签的disabled属性来实现,那vue是如何动态设置input输入框的disabled属性的呢?<el-input v-model="tableForm.key" :disabled="disabled">要记住v-bind就是::disabled是个禁用的属性在下面绑定data(){return{disabled:false}}在你想禁用的条件下,写上this.dis

转载 Vue项目 采用Element UI ,实现el-input禁止输入特殊字符

@input 一般用于监听事件只要输入的值变化了就会触发input在Vue中等价于<input :value=“text” @input=“e=>text=e.target.value” />在组件中的应用:<el-input :value=“name” @input=“e=>name=validForbid(e)” />...

原创 分页:后端不给这个分页的接口,就用这个方法来

<template> <div class="dxjyzf"> <!-- 01 标题 --> <div class="dxjyzf_top"> <el-row class="row-line-title" ><i></i><span>月度通报</span> <!-- <span class="dxjyzf_right el-i

原创 初步设计批复的解释

1import TitleLine from “…/…/…/components/TitleLine”导入2注册export default {TitleLine,}3使用<TitleLine TITLE:“初步设计批复” :showPostBtn=“true” :left=“true”>上面这个是顶部这两个东西

原创 el-table-column中的show-overflow-tooltip属性

show-overflow-tooltip是当内容过长时,内容过长,显示提示

原创 合并行,合并列

row是行column是列rowIndex是行的索引号column是列的索引号比如:例子1:例子二:合并列例子:合并行<template> <div> <el-table :data="tableData" :span-method="arraySpanMethod" border style="width: 100%"> <el-table-column prop="id" label="ID" width="18.

原创 表格,ul＞li的用法,记住用组件解决不了

/* eslint-disable no-unused-expressions */<template> <div class="dxjyzf"> <!-- 01 标题 --> <div class="dxjyzf_top"> <el-row class="row-line-title" ><i></i><span>月度例会材料</span>

原创 地图echarts的大小以及动态数据 :

修改zoom让地图变大,修改zoom的值让哪个数据变为动态的,比如style,把它写在当前的标签中,然后在data中写,然后可以做if判断

原创 点击查找按钮,或者是打开页面就渲染出来数据的步骤

目的:点击查找按钮,根据条件进行筛选出数据,渲染到页面上1在el-table中标注数据 :data=“tableData”在data中标明tableData:[ ]2 请求接口,获取数据,请求接口的url,methods,data,在这个data中注明你的双向绑定的数据,可以是{ }形式,可以是xx:xx形式然后就是foreach循环然后是this.tableData=res.data…注意,想把数据根据网页上的数据一条一条渲染上,这时会根据el-table-column中的prop,把数据

原创 2021-06-16

当背景图放在盒子里，但是盒子的上方超出整个盒子，原因是就把父亲的盒子的高度加大

原创 2021-06-14

<template> <div> <h1>第一种在vue中使用echart的方式</h1> <div class="charts"> <div id="barGraph" style="height: 350px"></div> </div> <div class="charts"> <div id="pieGraph" style="

原创 echarts中柱形图里面的文字的颜色

echarts中柱形图里面的文字的颜色,在这里修改

原创 eelement-ui的表格首行单独占一行

<template> <el-row> <el-col :span="24"> <el-card> <global-title title="结算执行月报"> <div class="flex-align-center" slot="append"> <el-popover content="注：本表统计以输变电工程为口

原创 vue+element-ui表格中第一行单独一行

<el-table :data="tableDataList" :row-class-name="tableRowClassName" style="width: 100%"> <el-table-column :label="`1-4月累计结算情况`"...

转载 eaharts中的柱形图的数据格式统一的做法

在echarts中如果柱状图的显示的数字不一致时,就是要美观好看,就这样去做获取的价格分为两种格式，一种获取的时候就带有"."小数点2位，一种是直接整数的形式展示，但是也要就是千位符的截取，上面讲解的是带有小数点的，下面是没有小数点的。var options5 = { title: { text: '中标价格区间偏好分析', x : 'center', // textAlign:'center'

原创 ssh

原创 2021-04-05

1创建一个组件song.vue然后父传子的话在父组件

原创 eslint

建立一个{   "semi": false,   "singleQuote": false,   "printWidth": 100,   "useTabs": false,   "tabWidth": 2,   "trailingComma": "none", &nbsp

2021-04-05

把组件导入注册使用的过程1要导入的组件23效或者这个

原创 2021-04-05

创建vuex项目1vue create toutiao2选择多选模式3选择4选择2.x5eslint选择标准校验模式6提交的时候,尝试 校验和修复7放多个文件8是否将其存入一个模式,选择n(这个看自己是否需要)9

原创 2021-04-05

启动项目的指令,比如npm run serve,就去pageage.json中

原创 2021-04-04

当有这个eslint报错的时候,第一步:添加这个文件vue.config.js添加这个代码// vue.config.js module.exports = { lintOnSave: false }第二步:就是在.eslintrc.js这个下面的rules中添加“space-before-function-paren”: 0

原创 省市下拉框的使用过程

1先把city.js引入进来import TestData from './citydata.js' // 引入josn文件2在data中 // 省份 TestData: [], // 城市 city: [], addForm:{ province: '', // 省 city: '', // 市 }3在created中 this.TestData = TestData // console.