iview
沫熙瑾年
同是寒窗苦读,怎愿甘拜下风。
展开
-
iview表单验证(代码简短多次验证)
<template> <div> <div class="navigation"> <p> <span>渠道设置&nbsp;>&nbsp;添加渠道</span> &原创 2018-11-13 17:58:46 · 944 阅读 · 0 评论 -
iview表格里面自定义样式
表格里面需要动态添加样式;例如表头加粗,不同的背景颜色。。。。 { title: "启用状态", key: "state", align: "center", minWidth: 100, render:(h,params)=>{ return h( '...原创 2019-06-06 15:25:10 · 1688 阅读 · 0 评论 -
iview table里按钮判断显示(方便简单)
根据后台返回的状态 进行判断 有些可能是必有的 所以用一个数组 然后根据状态值 满足就push里面去 <template> <div> <div class="navigation"> <p> <span>管理首页&nbsp;>&原创 2019-02-21 11:27:27 · 6383 阅读 · 1 评论 -
vue点击复制添加多行
介绍:如下图 点击添加时 会添加相同样式的代码 点击删除时 删除那一行的代码效果图 如下: 源代码:<template> <div> <div class="navigation"> <p> <span>管理首页&nbsp;&am原创 2019-02-21 10:28:35 · 2481 阅读 · 4 评论 -
iview图片上传功能
如下图片:这里结合iview里面表单验证做的完整代码如何 <template> <div> <div class="navigation"> <p> <span>管理首页&nbsp;>&nbsp;应用&nb原创 2018-12-25 18:49:20 · 9190 阅读 · 3 评论 -
iview表格全选禁止选中设置
业务需求:表格里面一键全选功能,但是有些数据可能不满足全选的需求,当点击全选时,不满足条件的默认不认其选中代码如下<Button type="info" class=" ml20 w100" :loading="loading3" @click="queryList(1)"> <span v-if="!loading3">查询&am原创 2018-12-25 18:41:20 · 8759 阅读 · 3 评论 -
iview table里面的select
<template> <div> <Table ref="selection" height="700" no-data-text="暂无数据" :row-class-name="rowClassName" :columns="columns4" :data="data1" highlight-row></Table> ...原创 2019-01-03 18:57:13 · 582 阅读 · 0 评论 -
iview默认一周时间(跨月份和年份)
<template> <div> <div class="navigation"> <p> <span>管理首页&nbsp;>&nbsp;财务管理&nbsp;>&nbsp;财务报表&原创 2018-12-07 14:37:44 · 1489 阅读 · 0 评论 -
iview分页查询时遇到的坑
简介:当后台给你返回数据 假设此时返回13条数据 状态是10条‘审核通过’ 3条‘审核失败’ 前端设置每页显示10条 下面会有两页 此时 当你点击第二页的时候 在去更改状态值 只查询‘审核失败’,此时页面数据为空白原因:此时你给后台创的是页面2 但是呢 就三条数据 页面二肯定为空 所有 当你每次查询的时候 都要将页面重置为1 <template> <div>...原创 2018-12-07 13:44:45 · 4833 阅读 · 0 评论 -
iview表格的全选功能
<Table border ref="selection" :columns="columns" :data="data1" @on-selection-change="requires"></Table>完整代码案例<template> <div> <div clas原创 2018-12-07 17:18:53 · 5749 阅读 · 0 评论 -
iview表格鼠标滑过提示
{ title:'名字', key:'name', render:(h,params)=>{ return h('div',[ h( 'span', { style:{ }, ...原创 2018-11-28 17:12:59 · 5122 阅读 · 0 评论 -
iview表格单独一行添加样式
1 给Table添加属性<div> <Table :row-class-name border highlight-row :columns="columns1" :data="data1"></Table></div>2 在methods里面添加函数rowClassName (row, index) { if (in...原创 2018-11-19 19:05:08 · 3623 阅读 · 0 评论 -
select默认值设置
<Select v-model="AllproductsCode" placeholder="所有产品" style="width:150px" @on-change="AllproductsChange" class="mr20 ml50"> <Option v-for="item in AllproductsList" :value=&q原创 2018-11-20 16:47:17 · 2648 阅读 · 0 评论 -
iview tabel里面的input框数据双向绑定实现排序功能
很多时候 babel里面需要放置input输入框 然后手动改变input框里面的值 在结合后台接口 实现排序功能 { title: "排序", key: "sort", align: "center", minWidth: 100, render:(...原创 2019-06-06 15:31:28 · 567 阅读 · 0 评论