iView
一套基于 Vue.js 的高质量 UI 组件库
瓜仙人
一个做过开发,做过讲师,集外骚与不要脸于一身的翩翩美少年
展开
-
Vue中使用iframe引入静态页面
Vue中使用iframe引入静态页面原创 2021-07-29 13:59:28 · 1660 阅读 · 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 · 16043 阅读 · 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 · 11992 阅读 · 0 评论 -
iView在列表中显示图片
iView简介官网:http://v1.iviewui.com/文档:https://www.iviewui.com/docs/introduceiView在列表中显示图片export default { data () { return { defaultImg:require('@/assets/images/defaultImg.jpg'), } }}columns: [ { title: '课程原创 2020-06-05 12:48:15 · 1831 阅读 · 0 评论 -
iView列表根据状态渲染数据
iView简介官网:http://v1.iviewui.com/文档:https://www.iviewui.com/docs/introduceiView列表根据状态渲染数据在iView的列表显示中,经常需要根据状态来进行数据文本显示。columns: [ { title: '课程类型', key: 'courseType', width: 10原创 2020-06-05 12:41:37 · 780 阅读 · 0 评论 -
iView显示序号
iView简介官网:http://v1.iviewui.com/文档:https://www.iviewui.com/docs/introduceiView组件显示序号columns: [ { title: '序号', key: '', width: 100, render: (h,pa原创 2020-06-05 12:32:33 · 1161 阅读 · 0 评论