2020年07月_xielatian

原创 element 下拉框过滤和tree过滤

下拉框上面这种会直接通过filterabel直接过滤，另外就是添加方法data(){selectfilter:’’,}method:{selectfilter(val){this.value =val;if(val){this.options =this.optionsCopy.filter((item)=>{if(!! item.label.i...

2020-07-30 23:48:10 1412

原创 element tree添加滚动条

把tree包裹在一个div里面，tree长度超过这个就会自动生成。

2020-07-30 23:46:15 3761

原创 js实现表格全选功能（非element表格）

首先准备个表格idname//先实现多选功能checkOneOrList(){if(this.checkDatas.length>0){this.checkDatas.push(this.id);}else{var isCheck = false;var dataNum =’’;for( let i =0;i<this.checkDatas.lengt...

2020-07-30 23:45:19 216

<template> <iframe id='myIframe' @load='postMsg' ref='myIframe' width='100%' height='100%' sre='http://www.baidu.come' frameborder='0' ></iframe></template>created(){ //在外面更改src的值 document.getEelemntById('myIframe').src='http:/

2020-07-30 23:42:59 859

原创 element-tree渲染懒加载

假设父组件father.vue <el-input @click='showTree'/> <el-tree ref='myTree'></el-tree> showTree(){ //点击调用tree this.$refs.myTree.fatherToChild({inName:'father'}); } childToFather(treeId,treeText){ //拿到tree组件传回来的数据 console.log(treeId,tre..

2020-07-30 23:30:00 757

原创 el-table设置一排字体变色

<div><el-table ref='mytable' :data='dataList' ：row-class-name='rowClassName'> <el-table-column type='selection'></el-table-column><el-table-column type='index' label='序号'></el-table-column><el-table-column v-foe

2020-07-30 22:32:51 1627

原创 el-table多级表头for循环渲染

<div><el-table ref='mytable' :data='dataList' @select-change='checkAll' @row-click='checkOne'> <el-table-column v-for='(item,index) in tableHead' :key='index' :prop='item.prop' :label='item.label' /> <el-table-column v-for='(item

2020-07-30 20:55:50 3819 1

原创 resetFields()刷新表单

<el-form ref='resetname'> <el-form-item prop='resetname' > <el-input v-model='formData.resetname'/> </el-form-item> <el-form-item prop='resetname1' > <el-select v-model='formData.resetname1'> <el-option v-fo

2020-07-30 20:42:35 339

原创 el-table多选框点击表格选中和取消

<div><el-table ref='mytable' :data='dataList' @select-change='checkAll' @row-click='checkOne'> <el-table-column type='selection'></el-table-column><el-table-column type='index' label='序号'></el-table-column><el-ta

2020-07-30 20:27:27 5170 3

原创 vue使用url传递参数

传值this.$router.push({path:’/userInfo’,query{id:‘123456’,name:‘ceshi’}})取值：this.id=this.$router.query.idthis.name =this.$router.query.name

2020-07-30 19:37:23 3311

weixin_459417989的博客