iview
qq_37656005
一位闲散的前端开发
展开
-
iview - table slot-scope 根据不同状态改变内容颜色(动态追加render函数)
以下介绍 iview - table slot-scope 两种方法,根据不同状态改变内容颜色(1. 动态追加render函数, 2. 在columns里根据数组存储状态数据循环判断显示),以及动态实现序号的显示和隐藏功能效果图动态追加render函数<template> <div> <Button @click="handleShowIndex()"> {{indexShow ? '隐藏序号': '显示序号'}} </B原创 2021-09-07 15:10:03 · 1387 阅读 · 0 评论 -
vue+iview+Collapse折叠面板,循环动态生成数据
vue+iview+Collapse折叠面板,循环动态生成数据用v-for实现,但是生成后会出现一些bug,比如点击某一个面板点不开,或者点击后同时展开多个,接下来我们开始描述如何解决这些问题。效果图:<template> <div> <Collapse v-model="value1"> <Panel v-for="(item,i) in panelList" :name="i + ''" :key="'title'+i">原创 2021-08-13 11:31:13 · 3671 阅读 · 0 评论 -
vue+iview 实现v-for循环出来的多表单验证
vue+iview 实现v-for循环出来的多表单验证单个表单验证就不多赘述了,很简单,方法如下 <Form ref="formValidate" :model="formList" :rules="rulesValidate"> ...... </Form> export default { data(){ return{ formList:{ username: '', passwo原创 2021-02-24 14:14:30 · 1722 阅读 · 0 评论 -
vue配合gojs实现工业组态绘制
vue配合gojs实现工业组态绘制通过从左侧拖拽区拖拽图片到中间画布区,之后可对此图标进行大小尺寸调整,旋转,删除,绑定等操作进行合理布局拖拽、复制、粘贴、选择、鼠标右键事件、剪切、文本编辑、删除、撤销、查看信息、模板、数据源绑定、事件处理程序、调色板、自动布局、添加画布或者节点的监听事件原创 2020-12-03 09:46:33 · 3954 阅读 · 6 评论 -
iview tree组件鼠标移入显示新增、删除等按钮功能的实现
iview tree组件鼠标移入显示新增、删除等按钮功能的实现定义鼠标移入(mouseenter)移出事件(mouseleave)或者点击事件(click),方法里面改变数据属性is_show来控制按钮显示隐藏原创 2020-12-01 16:15:14 · 1049 阅读 · 0 评论 -
在vue中使用vue-clipboard2实现点击复制链接功能
在vue中使用vue-clipboard2实现点击复制链接功能(配合使用iview)3种使用方法,其中包括在树形控件tree中使用原创 2020-12-01 15:38:40 · 789 阅读 · 0 评论 -
iview upload上传文件(自动上传、手动上传)
iview upload上传文件(自动上传、手动上传)自动上传,不需要附带其他除文件外的信息手动上传,除文件之外,还需要附带其他信息,如文件描述等等,一起上传重点在于设置请求头部为 'Content-Type': 'multipart/form-data'原创 2020-11-27 15:51:42 · 7313 阅读 · 0 评论