iview
idomyway
这个作者很懒,什么都没留下…
展开
-
iview - 事件需要同时获取event之外的参数
前言 在项目中,使用iview中使用select中的事件on-change,可以获取event当前选择项,同时传入别的参数解决方法 使用箭头函数解决 <Select v-model="model13" filterable :remote-method="remoteMethod1" :loading="loading1" @on-change="event => change原创 2020-12-01 23:25:03 · 577 阅读 · 0 评论 -
iview -- 列表渲染
渲染函数render: (h) => { return h('标签', { 属性 }, '填充文本')}render: (h) => { return h('div', [ h('标签', { 属性 }, '填充文本') ])}列表渲染export default { data () { return { ...原创 2019-05-20 23:17:17 · 1197 阅读 · 0 评论 -
iview -- form表单验证
前言 iview中from表单的验证默认只验证string类型,这就导致number、date、array等类型的from项不能进行验证 注意:Select from验证主要是看Select的值的类型<template><Form ref="formRef" :model="fo...原创 2019-05-21 20:57:49 · 1506 阅读 · 0 评论 -
iview -- 上传图片
加载后端传回的base64格式的图片文件,<img src="data:image/jpeg;base64,xxxxxxxxxxxxxxxxxxx" alt="" />注意:但是这种方法不兼容IE6/7,使用时要注意!<template> <div> <div class="imageWrap"> <img :s...原创 2019-05-21 22:19:33 · 2032 阅读 · 0 评论 -
vue - proxy代理
vue.config.js配置devServer: { open: false, port: 8801, // 代理 proxy: { '/user/adm/': { target: 'http://192.168.0.11:10001/', changeOrigin: true }, '/baradm/adm/': { ...原创 2019-05-21 22:22:05 · 10530 阅读 · 0 评论 -
iview - page组件的on-page-size-change 触发两次后台请求原因
前言 iview 中page组件的on-page-size-change事件会触发on-change事件 具体表现是:在页码(pageNumber)不为1时,切换条数(pageSize),会先触发on-page-size-change改变了当前的pageSize,并根据改变后的pageSize和当前的p...原创 2019-06-27 22:27:45 · 3038 阅读 · 0 评论 -
iview - input标签报错 x-invalid-end-tag
解决方法 .eslintrc.js的 rules加上"vue/no-parsing-error": [ 2, { "x-invalid-end-tag": false }] 在VSCode 首选项设置"vetur.validation.template": false&nbs...转载 2019-07-04 22:00:09 · 858 阅读 · 0 评论 -
iview - css >>> 、 /deep/ 进行样式穿透
前言 在使用vue构建项目的时候,引用了第三方组件库,只需要在当前页面修改第三方组件库的样式以做到不污染全局样式。通过在样式标签上使用scoped达到样式只制作用到本页面,但是此时再修改组件样式不起作用。scoped的实现原理 vue中的scoped属性的效果主要通过PostCSS转译实现,如下是转译...原创 2019-07-04 22:01:23 · 20079 阅读 · 1 评论 -
iview - 自定义表单验证
自定义表单验证代码export default { data () { const validateImage = (rule, value, callback) => { if (value.barImage === '') { callback(new Error('验证错误')) } else if (value.split('...原创 2019-07-22 22:57:51 · 893 阅读 · 0 评论