- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue中$set如何使用
this.$set(this.formeSsential, ‘linkman’, ‘val’)this.formeSsential, data里面的数据2. ‘linkman’, data数据字段3. ‘val’ 要修改的值例1、data上的数据2、change事件3、使用$set代表展示<template> <div class="container"> <el-card class="box-card">
2021-06-22 18:37:00
1230
原创 Element嵌套表格如何写
<template> <div class="container"> <el-card class="box-card"> <!-- 表单 --> <div class="formbox"> <el-row :gutter="20"> <el-col :span="22"> <el-form :inline="true" .
2021-06-22 18:28:45
596
原创 vue通过v-if实现tab页切换
<template> <div class="con"> <el-card class="box-card"> <!-- tab按钮 --> <span class="tabs" :class="{to_active:isShow === 1}" @click="handleTab(1)">tab1</span> <span class="tabs" :class="{to_ac
2020-08-26 11:52:47
2034
2
原创 vue+elementui 实现新增和修改共用一个弹框
一、新增1、新增按钮2、新增事件 在methods中，用来打开弹窗，dialogVisible在data中定义使用有true或false来控制显示弹框**3、新增确定，弹框确定事件 ，新增和修改共用一个确定事件，使用id区别**3、新增事件调新增接口，判断是否有id，没有就调新增接口二、修改2-1、修改按钮 ，表格行编辑按钮使用scope.row拿到当前行的数据2-2、修改事件， 把当前行数据赋值给表单，就把当前行数据回显出来了2-3、修改事件修改接口，判断是否有id，
2020-08-21 00:49:42
14938
7
原创 Echarts每个配置项常用总结
官网地址：https://gallery.echartsjs.com/explore.html#charts=barsort=ranktimeframe=all~author=all该文档参考于这个博客 https://www.cnblogs.com/1996zy/p/8963385.html1、title 图表标题 title: { show: true, //是否显示标题组件 true显示 false隐藏 text: "我是这个图表的标题",
2020-08-15 10:50:15
738
原创 在vue项目中使用Echarts
一、创建自己的工程和安装 echartsnpm install echarts --save二、引入方式挂载到mi n.js全局中import echarts from “echarts”;Vue.prototype.$echarts = echarts;三、在页面中使用<template> <div id="app"> <div id="main" style="width: 600px;height:400px;"></div>
2020-08-12 15:41:50
458
原创 element-ui中表格中的Switch 开关如何使用及调接口
这是效果图一、展示开关数据1、要拿到当前行的数据在template标签中使用**slot-scope=“scope”**就可以了2、使用时在 **v-model=“scope.row.字段”**就可以把后端返回的开关数据展示在表格中二、调接口，修改开关数据给el-waitch加上hcange事件在methods中写上方法，去调接口方法名(e,row,index) //e返回状态true或false，row当前行数据，index下标下面附上代码 <!-- 表格 -->
2020-08-05 00:53:24
4578
原创 element-ui表单普通验证和自定义验证邮箱和自定义验证手机号
Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。如图一、给el-form绑定 :rules="addrules"二、在data 的return里写上需要验证的字段 ，普通验证可以使用el-forem自带的验证。//required 是否必填，message 必填提示信息 trigger: "blur"失去焦点的时候//min 最小数 max 最大数三、像邮箱和手机号必须使用算定义验证
2020-07-31 23:43:58
1962
原创 vue的props正向传值及通过事件逆向传值
组件传值有两种方式一、正向传值，就是所谓的父组件向子组件传值下面直接看图片上的代码父组件子组件效果 红色框里面的是父组件传给子组件的数据二、逆向传值，子组件向父组件传值 通过事件来触犯1、先在子组件里面创建一个事件，用来抛出数据2、在methods函数里面创建自定义事件抛出（抛出的是需要传递给父组件的数据）通过 this.$emit(“抛出的自定事件的名字”，抛...
2020-05-06 16:55:47
1928
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人