iView
一套基于 Vue.js 的高质量 UI 组件库
瓜仙人
一个做过开发,做过讲师,集外骚与不要脸于一身的翩翩美少年
展开
-
Vue中使用iframe引入静态页面
Vue中使用iframe引入静态页面原创 2021-07-29 13:59:28 · 1666 阅读 · 0 评论 -
iview提示Invalid prop: custom validator check failed for prop “type“解决
报错如下: 提示:Invalid prop: custom validator check failed for prop “type” 解决 由上图可见,是input标签的type引起的报错。 在ivew官网文档中,input标签的type类型不支持hidden属性值,因此要么改,要么屏蔽即可。 详情请参考iview官方文档:http://v1.iviewui.com/components/input ...原创 2020-11-18 17:17:34 · 16051 阅读 · 2 评论 -
iview组件select下拉框on-change事件返回value或label
应用场景 在使用iview组件库中,使用select下拉框,绑定on-change事件时,根据不同业务场景,需要返回value或label文本的记录。 on-change事件返回label 下拉框的on-change时间,默认情况下return的是value值。如果需要返回label文本的话,需要: 1)在select标签中增加属性 :label-in-value="true" 2)在对应的事件监听方法中获取label即可 <Select v-model="formItem.courseId" :l原创 2020-06-16 09:39:01 · 12017 阅读 · 0 评论 -
iView在列表中显示图片
iView简介 官网:http://v1.iviewui.com/ 文档:https://www.iviewui.com/docs/introduce iView在列表中显示图片 export default { data () { return { defaultImg:require('@/assets/images/defaultImg.jpg'), } } } columns: [ { title: '课程原创 2020-06-05 12:48:15 · 1835 阅读 · 0 评论 -
iView列表根据状态渲染数据
iView简介 官网:http://v1.iviewui.com/ 文档:https://www.iviewui.com/docs/introduce iView列表根据状态渲染数据 在iView的列表显示中,经常需要根据状态来进行数据文本显示。 columns: [ { title: '课程类型', key: 'courseType', width: 10原创 2020-06-05 12:41:37 · 782 阅读 · 0 评论 -
iView显示序号
iView简介 官网:http://v1.iviewui.com/ 文档:https://www.iviewui.com/docs/introduce iView组件显示序号 columns: [ { title: '序号', key: '', width: 100, render: (h,pa原创 2020-06-05 12:32:33 · 1166 阅读 · 0 评论