一、问题的提出
在vue文件中给一个组件设置了ref属性，目的是后续代码中能够触发该组件上的一些自带方法：
<q-uploader :url="url" ref="attachuploader" />
这样在后续代码中就可以触发这个组件的自带方法，如：
this.$refs.attachuploader.reset();
但始终无法执行以上方法，说reset不是一个合法的函数（TypeError: this.$refs.attachuploader.reset is not a function）.....
很郁闷，在其他vue中有过以上用法，而且都是成功的，为什么这个vue始终就不对呢？
二、解决办法
“砖家”说遇到问题要查文档，于是翻出ref的说明文档，当看到其中这句话时“当v-for用于元素或组件的时候，引用信息将是包含.....”，立马恍然大悟：我把上传组件放在了v-for中！！！
立马把组件q-uploader挪到v-for的外面，然后一切就OK了。
一、问题的提出 在vue文件中给一个组件设置了ref属性，目的是后续代码中能够触发该组件上的一些自带方法： ...
关于this.$refs获取dom节点在mounted中使用this.$refs需要注意，虽然mounted表示d...
一、$refs的使用 $refs和ref是一起使用的，通过ref给子组件绑定一个id，使用this.$refs.i...
Refs是什么？ Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React...
使用Ajax调用Web Api Post需要注意的问题如下。 首先是跨域访问的问题，需要在Api端设置： 注意需要...
父组件： 子组件：
1.页面生命周期 _mounted 所以 onshow 去使用 refs 有概率 会拿不到 解决方案包一层 n...
父组件访问子组件:使用 refs $children使用的不多,只有想拿到所有子组件的时候才会用 $refs =...
遇到的问题： 想拿到在v-for里渲染的dom节点的宽度 解决代码： 注意问题： 1、$refs.ref在v-fo...
//解决ts中this.$refs.***中**的类型问题 $refs!:{ ruleFormanment:HTM...
本文标题：一个使用$refs需要注意的问题
本文链接：https://www.haomeiwen.com/subject/rknnjktx.html
网友评论