![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iview UI
坚书直实i
最精彩的不是实现梦想的瞬间,而是坚持的过程
展开
-
iview中纯CSS美化select和Cascader滚动条
iview中使用纯css样式美化select和Cascader滚动条样式原创 2022-08-17 11:35:38 · 1120 阅读 · 0 评论 -
iview中校验input输入框只能输入两位小数
例如:我们需要对input输入框进行校验只能输入两位小数。代码示例:<style lang="less" scoped>.text { font-family: "微软雅黑"; font-size: 16px; font-weight: 700;}</style><template> <div> <Modal v-model="boxShow" footer-hide width="960">.原创 2022-04-12 16:10:01 · 3101 阅读 · 0 评论 -
VueX的存储与使用缓存页面查询条件
当我们在页面查询数据后,跳转到另一个页面,返回时查询条件还在怎么?第一步:在vuex里新建一个对象用来保存查询条件。在state:{}这个对象里增加一个变量 例如: state: { rateSettingQuery: { // 需要缓存的查询条件 name: "", startTime: "", endTime: "", type: "", page:"", }, }第二部:在mutations:{原创 2022-03-16 17:16:10 · 902 阅读 · 0 评论 -
iview中form表单自定义校验事件
示例一: 这里校验输入的生成的验证码与输入的验证码是否一致。1. 在form表单里定义一个校验对象。 verify就是校验对象<Form ref="accountNumber" :label-width="180" :model="formValidate" :rules="verify"> <Row> <Col span="18"> <Form...原创 2021-10-30 20:33:57 · 1128 阅读 · 0 评论 -
使用 iview 组件 Carousel 制作首页轮播图
当我们需要制作轮播图时,一般是使用插件Swiper。npm i swiper但是现在iview 中自带了Carousel组件可以制作简单的轮播图,操作起来十分简单。这是官方给出的Api:代码如下:<Carousel :loop="true" :autoplay="true" :autoplay-speed="3000" arrow="never" > <CarouselItem> <img class="img" src="~@/i.原创 2021-08-24 22:03:50 · 1975 阅读 · 0 评论 -
vue中使用render函数动态生成树结构并回显数据
需求:我们要实现如下格式的树结构,能动态创建、删除和输入值并能回显数据。步骤一:通过iview UI 组件生成一个树结构,只要data里面的数据是数组且内部每一个对象里都嵌套一个children 数组,就能创建一个树结构。<Tree style="margin-top:20px;" :data="information" :render="renderContent" ></Tree>数据结构如下:步骤二:render 函数结构如下, 在method...原创 2021-08-19 19:39:03 · 1751 阅读 · 0 评论 -
vue中render函数的使用
一:一些基本的元素 h("Button",{ props: { // 绑定属性 size: 'small', type:"warning", disabled:params.row.billStatus == "3" ? true:false, level: {原创 2021-06-19 21:05:16 · 4410 阅读 · 1 评论