2 小学生也要加班

尚未进行身份认证

我要认证

2020年毕业,刚入职前端小白一枚~

等级
TA的排名 49w+

关于组件绑定class,点击切换不同的页面

简单的用法:<div><!--相当于给class绑定一个值,动态地决定active是true还是false,从而决定是否显示这个class--> <div :class="{active:isActive}"></div></div><script> data:{isActive:true}</script>稍微复杂一点的用法:重点1:普通的class与绑定的class可以同时存在,class控制布局,

2020-10-30 10:22:33

dom的用法,改变页面的元素

例子:<html><div><span id="id1">我是儿子</span><el-button @click="clickMe()">点击我</el-button></div></html><script>methods:{clickMe(){document.getElementById("id1").innerHtml="我是爸爸";}}</script&gt

2020-10-29 17:41:30

bus.$emit和bus.$on的用法

bus用来传递非父子关系的数据如两个子组件之间传递数据子组件1this.bus.$emit("change",param)子组件2this.bus.$on("change",function(param){})补充:子组件中也可以写成这样的箭头函数this.bus.$on("change",para=>{})...

2020-10-29 10:28:19

vue斑马纹表格颜色设置,使两种不同的颜色间隔出现,表格背景颜色设置透明度

<el-table :cell-style="cellStyle" :header-cell-style="{ color: '#fff', background: 'rgba(78, 131, 211, 0.8)' }" :data="tableData" style="width:100%;color:white;" > </el-table>:header-cell-style是表头的样式设置:cell-style就是斑马纹表格..

2020-10-29 09:56:52

利用同步、异步和回调函数知识理解各函数的执行顺序

同步(sync):刷牙、洗脸,不能同时进行异步(async):洗脸、烧水,同时进行把一个进程比作一个进度条同步只有一个进度条,一个接着一个,刷完牙再洗脸。异步有两个进度条,一个进度条用来洗脸,一个进度条用来烧水。例:function(){ console.log("执行a函数") setTimeout(function(){ console.log("执行a的延迟函数",1500)})};function(){ console.log("执行b函数")};a();b()

2020-10-27 17:25:24

vue中编辑和新增数据使用同一个dialog,dialog中使用同一个保存方法

新增和编辑的字段是一样的,所以展示同一个dialog,唯一的区别就是新增里面的字段都是空的,但是编辑里面的字段是表格中已经存在的,并且都是有数据的。图1新增的dialog,字段里面的数据都是空的图2编辑的dialog里面的字段是有数据的//新增操作<el-button type="primary" size="mini" style="margin-top:5px;" @click="addProgram">新增</el-button>//编辑操作<el-.

2020-10-27 16:01:01

vue中的find()函数的用法与扩展用法

find函数基本格式:let obj=this.list.find(item=>item.code===val)首先在这里我们要知道的两个基础知识一、find是一个查找函数。二、箭头函数find(item=>item.code===val)相当于find(item){item.code===val}其中list是数组,this.list.find()是指在list数组中找某样东西,item是find()函数的寻找某样东西的根据,也可以说是id或者是主键。后面item.code===val

2020-10-27 15:18:12

$emit的用法(小白基础入门)

$emit的用法是将子组件的内容传递给父组件,包括:数据,方法等。子组件:<div class="div1"> <h3>父组件传给子组件的数据:{{sendData}}</h3> <br/><button @click="selectType">点击子组件</button></div><script>methods:{ selectType(){ this.$emit('selec

2020-10-22 17:38:02

vue中v-chart双y轴折线图的使用

效果图:双y轴都有数据代码:<template> <ve-line :data="chartData" :extend="traderExtend" :seetings="chartSettings" :colors="colors"></ve-line></template><script>export default{ data() { return { tableData: [], ch

2020-10-16 15:51:21

vue中给el-dialog添加滚动条

页面代码<el-scrollbar style="height:700px;"> <el-dialog></el-dialog>//此处为dialog的代码</el-scrollbar>css代码.el-scrollbar__wrap { overflow-x: hidden!important;}

2020-10-12 14:52:21

vue.js css代码不起作用,不能修改组件中的已有样式的解决方案

方法一:将<style scoped lang="scss">中的scoped去掉。<style lang="scss">方法二:在网页中F12找到要修改的某个class,然后在class前面加上/deep/,再在最后加上 !important /deep/ .el-submenu .el-menu-item { padding-left: 65px !important; }...

2020-10-10 09:27:47

类似某个系统首页有多个按钮跳转,写在同一个方法里面,而不单独分开写,从而减少代码量

<div> <el-col :span="8" @click.native="pageSkip('/firstPage')"> <span>页面1</span> </el-col> <el-col :span="8" @click.native="pageSkip('/secondPage')"> <span>页面2</span> </el-col></div&

2020-10-10 09:18:31

2020-10-9vue根据id跳转页面,并且使用props和$emit实现父子组件组件传值

父子组件之间传值//父组件 index.vue<template slot-scope="scope"> <el-button type="primary" @click="showDetail(scope.row)">详情</el-button>//查看某一行的数据</template><transition name="el-zoom-in-center"> <approvalDetail v-if="show==2" :

2020-10-09 15:20:56

vue对table的某一行的数据进行编辑,删除,查看详情操作

效果图在html中需要对button按钮进行template包裹,scope.row就是这一行的数据<el-table-column label="操作"><template slot-scope="scope"><el-button type="primary" @click="editProgram(scope.row)">编辑</el-button><el-button type="danger" @click="del(scope.r

2020-09-30 14:13:57

解决vue选择框输入条件之后分页无法刷新到第一页的解决方案

只有将两个方法加在一起用才能起作用!!!一、首先展示数据是一个事件方法。二、其次在查询之前我们要将分页刷新到第一页又是一个事件方法。代码如下:<el-button @click="query">查询</el-button>//查询按钮点击事件query(){ this.currentPage = 1;//当前页码为1 this.pageSize=10;//总共页码为10 this.tIndAuditPageDataByQuery()//查询数据的接口,用来展示数据

2020-09-28 13:30:45

2020.9.28-关于vue下拉框<el-option>的两种写法(入门)

第一种写法<el-select> <el-option value="0" label="2019"></el-option> <el-option value="1" label="2020"></el-option></el-select>第二种写法<el-selcct><el-option v-model="item in nodeOptions" :value="item.value" :lab

2020-09-28 11:09:16

关于vue.js的动态传值

关于vue.js的动态传值*理解型//默认为true//布尔值为false//需要另外的函数来设定is-publiced的值

2020-07-24 17:15:33

HTTP Status 500 - Request processing failed; nested exception is org.mybatis.spring.MyBatisSystemExc

在导入项目时,出现如下错误:原因是applicationContext.xml的文件中的配置数据库名和账号密码需要配置成自己的数据库中的信息。如图

2020-03-02 21:45:04

eclipse中导入项目No projects are found to import

本人由于学习ssm框架,然后用了别人的项目导入自己的eclipse,发现出现如下错误No projects are found to import原因是自己那个项目是maven项目,所以在导入的时候应该选择导入maven项目。...

2020-03-02 20:28:55

校验eclipse的版本

在命令行中输入java -version进行校验

2020-03-02 19:52:12
勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。