iview官网排错之ref问题

前言

今天用了一下iview的表单组件，复制官网的，但是发现报错一大堆，这里来总结一下，以便日后查看

正文

1.validate undefined
在i-form中加属性rel,并且属性信息要与点击事件调用的方法中的参数相同
2.Failed to resolve directive: ref
这个报错并不是没有1中的操作，虽然没有1好像也会有错的，但这里的错时因为复制官网上的代码多了v-ref:form-inline，删掉就是，搜了一下，说的是弃用了，哭

表单框架代码简单展示

1.官网上的js部分没有错
2.html部分

<i-form  ref="formInline" :model="formInline" :rules="ruleInline" ><Form-item><i-button type="primary" @click="handleSubmit('formInline')">登录</i-button></Form-item></i-form>

iview官网排错之ref问题相关推荐

Vue笔记（五）—— Vue render渲染/组件嵌套之iView官网案例改写Table表格组件及Modal弹窗/对话框/模态框组件内容自定义详解
缺乏耐心的读者请主要关注标红部分! 因部分内容自动转为代码格式,所以代码部分请主要关注注释部分! 1.Table表格组件内容自定义: 官网Table表格组件部分示例代码: columns12: [{t ...
vue.js 与iview官网
vue.js https://cn.vuejs.org/v2/guide/instance.html#生命周期图示 iview https://www.iviewui.com/components/t ...
vue3 + threejs 实现仿iView官网大波浪特效
一.效果图先上最终效果图: 具体效果可参考iview官方界面iView - 一套高质量的UI组件库大波浪效果,使用的是three.js的官方例子,需要先安装three.js支持,具体可以看官方实例 ...
Spring Batch_官网DEMO实现
2019独角兽企业重金招聘Python工程师标准>>> Spring Batch_官网DEMO实现 http://spring.io/guides/gs/batch-processi ...
Vue官网todoMVC示例
这个示例是模仿官网示例样式和功能用我自己的方式写的,基本上没有看官网的源码,只参考自定义指令.让我们一步步来探讨一下.官网demo 要实现的功能单条添加todo 单条删除todo 双击编辑todo ...
今天微软关闭Silverlight官网，Sivlerlight真得要死了吗？
不出大家所料,微软正一步步地放弃Silverlight,虽然前阵子微软在发布Silverlight5时还嘴硬,但是微软接下来的一些举止和态度,都明显地表明了Silverlight正在走下坡路. 微软不 ...
AntD 官网样例 InputRef报错原因
在官网可编辑表格typescript样例里 const inputRef = useRef<InputRef>(null); InputRef项目报错原因是ant design的版本问题! ...
一个官网很详细的富文本编辑器
富文本编辑器-wangeditor 官网地址,官网很详细,很简单易用. npm 安装 // i 和 install区别:npm i 是 npm install 的简写 // npm i 安装的无法用n ...
富文本编辑器：ckeditor(使用官网下载包)
之前,直接使用的ckeditor-vue实现的富文本编辑器,问题主要是使用add-ons里面的plugin比较麻烦,需要自己包装,然后如果想要更改固有的plugin,比如table.tablesele ...

iview官网排错之ref问题

前言

正文

表单框架代码简单展示

iview官网排错之ref问题相关推荐

最新文章

热门文章