ccyzz5-CSDN博客

原创图片渲染

在很多登录页面会有图片验证码，怎样将后台返回的图片渲染到页面上呢，超级简单<img :src="imgSrc" @click="getNewSrc" alt="" style="width: 100%;">this.imgSrc= `https://werwer.g.dsdgsfk.net/r/...`;“https://stats.g.doubleclick.net/r/…...

2020-03-20 17:09:31 333

原创将element中的表格封装成组件

在vue + element的一些后台管理项目中表格分页是经常用到的，所以我在element的基础上，将表格和分页组封装成了一个组件。表格子组件文件<template> <div class="tableComponent"> <template v-if="tableInfo && tableInfo !== null"> ...

2020-01-13 14:34:27 1083

原创清除浮动

清除浮动的方法有好多种，我个人常用的是以下两个方法<div class="clearfix"> <div class="left">123</div> <div class="right">aaa</div> </div>方法一：给父元素添加clearfix .left { float: l...

2020-01-08 15:26:38 124

原创从列表页跳转到详情页，返回列表页时列表页与之前的状态相同

vue项目中有这样一个需求，从列表页跳转到详情页，返回列表页的时候列表页还是之前的状态。类似于国家司法鉴定网的列表页当我点击献县司法医学鉴定中心，就跳转到它的详情页当点击浏览器的返回按钮返回到列表页，保留之前的状态以。看到网上大多数的解决方法是用keepAlive，将列表页缓存。但是我按照上面的方式还是有很多问题，并且很久都没解决。于是另辟蹊径，下面我要说的这个方法虽...

2019-12-03 18:01:30 1840

原创 vue项目中保留事件原来的参数

我在做vue项目时，引入了一个插件vue-draggable-resizable。插件里封装了一些方法，该方法有定义好的参数。<vdr v-for="item in allData" :key="item.id" :x="item.x" :y="item.y" :w="item.width" ...

2019-12-03 16:32:12 2133

原创 Set 结构数据

SetES6 中提供的新数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。const set = new Set();set.add(1);set.add(2);set.add(2);console.log(set.size); // 2console.log([...set]); // [1, 2]上面的代码...

2019-07-04 14:35:08 272

原创 vue config文件夹下的index.js配置文件

'use strict'// Template version: 1.2.6// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')module.exports = { dev: { // Paths assetsSubDirecto...

2019-06-28 15:06:23 1407

原创 vue项目中动态生成form表单

在项目中经常遇到动态生成表单的需求，这次打算记录下来。在我的这次项目(vue+element)中，有这样一个需求。类似于 (a || b && c) || ((a || b) && c) && (a || b) 这样的表达式，动态生成且和或组成的逻辑关系。具体的还是看图吧绿色框是一个大组，里面可以无限地添加或和且关系的表达式。粉色框是一个小组...

2019-06-28 15:02:52 20037 2

做项目时遇到这样一个需求：保函类型是多选，调后台接口循环出来。每个保函类型后面都有保函比例(输入框）和有效期（日期选择器），并且填写对应的信息。如果没有选中保函类型，保函比例和有效期禁用。当勾选中某个保函类型的时候，其后面的保函比例和有效期就可用。回显的时候同样效果。红色框中是保函类型，绿色框是每一条保函完整的信息，包括保函类型，保函比例，有效期。效果图如下首先下面是html代码 &amp;amp;...

2018-12-20 17:22:16 1101

原创 element table组件表格里面套表格

在我的项目里面有这样一个需求，表格里面展开项是一个表格，且嵌套的表格头部是动态列。以下是html代码，tableData是外层表格的数据(下面我就将外层表格称为大表格，里面嵌套的表格称为小表格)&lt;el-table :data="tableData" align="center" stripe&gt; &lt;!-- 展开项表格开始位置 type=&amp

2018-11-29 19:16:39 12698 10

原创 element中table多选框回显

在项目中遇到table表格多选框的问题，结果只知道把选中的值传给后台，却不知道怎么将后台返回的数据回显到表格中，这就尴尬了。看了element文档以及查了一些资料后终于勉强弄出来了，先记录一下。首先在表格中设置多选在data中定义一个空数组接受选中的值 multipleSelection: []下面就是选择时触发的事件了最后在接受到后台返回的数据后去循环表格的值(tableDataB)...

2018-09-30 15:13:32 16047 4

weixin_42928456的博客