- 博客(38)
- 收藏
- 关注
原创 添加按钮并控制按钮的显隐
目的是给子节点添加上按钮,前提是父节点中有flag这个属性,然后如果flag为1的话,就显示这个按钮,如果flag为2,就不显示这个按钮返回的data数据为给后台一个id,就不用管了效果:因为为1的时候,显示这个按钮,为2的时候不显示,但是这两条都是flag为2,都不显示...
2021-07-29 09:53:08
456
转载 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({
2021-07-26 17:17:40
280
原创 在点击按钮的时候,调通接口而且还能创建一个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...
2021-07-20 16:00:47
125
原创 当el-button很小的时候,就选择el-tag,因为el-tag是很小的
当el-button很小的时候,就选择el-tag,因为el-tag是很小的
2021-07-09 10:49:31
457
原创 this.$router,push跳转加传参
传递参数 – this.$router.push({path: ’ 路由 ', query: {key: value}})示例:
2021-07-08 15:57:36
107
原创 el-table中的树形结构
1支持树类型的数据的展示2当row中包含children字段时,被视为树形数据3渲染树形数据时,必须要指定row-key。4支持子节点数据异步加载。5 设置Table的lazy属性为true 与 加载函数load6通过指定row中的hasChildren字段来指定哪些行是包含子节点7children与hasChildren都可以通过tree-props配置...
2021-07-06 11:29:14
4416
3
原创 menu 中的mode属性默认是垂直展示
el-menu中的导航菜单默认为垂直模式,通过mode属性可以使导航菜单变更为水平模式,另外,在菜单中通过subment组件可以生成二级菜单
2021-07-06 10:47:09
884
原创 el-menu的属性:default-active
说明内容是:当前激活菜单的index其实,即使不加这个属性,也能正常显示选中的item变量,但是之所以要加这个属性,是为了浏览器刷新后,仍然可以定位到之前选中的路由如果没有多层嵌套路由的话,可以令:default-active="$route.path",但是如果有多层嵌套,建议在计算属性里,更新数据...
2021-07-06 10:34:49
4843
原创 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
2021-07-06 09:35:08
4169
转载 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)” />...
2021-07-06 09:13:23
2177
1
原创 分页:后端不给这个分页的接口,就用这个方法来
<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
2021-07-02 16:30:59
286
原创 初步设计批复的解释
1import TitleLine from “…/…/…/components/TitleLine”导入2注册export default {TitleLine,}3使用<TitleLine TITLE:“初步设计批复” :showPostBtn=“true” :left=“true”>上面这个是顶部这两个东西
2021-06-29 15:23:25
287
原创 el-table-column中的show-overflow-tooltip属性
show-overflow-tooltip是当内容过长时,内容过长,显示提示
2021-06-23 10:06:14
1154
原创 合并行,合并列
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.
2021-06-22 14:14:32
248
原创 表格,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>
2021-06-21 16:22:50
71
原创 地图echarts的大小以及动态数据 :
修改zoom让地图变大,修改zoom的值让哪个数据变为动态的,比如style,把它写在当前的标签中,然后在data中写,然后可以做if判断
2021-06-18 17:46:20
258
1
原创 点击查找按钮,或者是打开页面就渲染出来数据的步骤
目的:点击查找按钮,根据条件进行筛选出数据,渲染到页面上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-18 10:26:55
509
原创 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="
2021-06-14 13:48:23
81
原创 eelement-ui的表格首行单独占一行
<template> <el-row> <el-col :span="24"> <el-card> <global-title title="结算执行月报"> <div class="flex-align-center" slot="append"> <el-popover content="注:本表统计以输变电工程为口
2021-06-10 16:36:35
2903
原创 vue+element-ui表格中第一行单独一行
<el-table :data="tableDataList" :row-class-name="tableRowClassName" style="width: 100%"> <el-table-column :label="`1-4月累计结算情况`"...
2021-06-10 14:54:46
2094
转载 eaharts中的柱形图的数据格式统一的做法
在echarts中如果柱状图的显示的数字不一致时,就是要美观好看,就这样去做获取的价格分为两种格式,一种获取的时候就带有"."小数点2位,一种是直接整数的形式展示,但是也要就是千位符的截取,上面讲解的是带有小数点的,下面是没有小数点的。var options5 = { title: { text: '中标价格区间偏好分析', x : 'center', // textAlign:'center'
2021-06-02 16:45:20
1403
原创 eslint
建立一个{ "semi": false, "singleQuote": false, "printWidth": 100, "useTabs": false, "tabWidth": 2, "trailingComma": "none",  
2021-04-05 16:42:21
53
原创 2021-04-05
创建vuex项目1vue create toutiao2选择多选模式3选择4选择2.x5eslint选择标准校验模式6提交的时候,尝试 校验和修复7放多个文件8是否将其存入一个模式,选择n(这个看自己是否需要)9
2021-04-05 14:15:28
44
原创 2021-04-04
当有这个eslint报错的时候,第一步:添加这个文件vue.config.js添加这个代码// vue.config.js module.exports = { lintOnSave: false }第二步:就是在.eslintrc.js这个下面的rules中添加“space-before-function-paren”: 0
2021-04-04 11:01:18
56
原创 省市下拉框的使用过程
1先把city.js引入进来import TestData from './citydata.js' // 引入josn文件2在data中 // 省份 TestData: [], // 城市 city: [], addForm:{ province: '', // 省 city: '', // 市 }3在created中 this.TestData = TestData // console.
2021-02-10 11:46:38
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人