账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue项目中如何获取动态渲染的未来组件元素对象?使用ref无效
    43
    0

    页面在循环中引用封装的一个子组件,进入页面时,根据返回的数据多次传入这个子组件,所以首先需要获取页面中的子组件元素对象。因为子组件在页面是动态生成的多个,不能使用ref获取,请问这种未来元素(子组件)怎么获取?接下来,我需要把数据传入这个封装的element级联选择器中

     <el-form-item label="平台运营品类" required>    
              <plaCate  :ref="index"  ></plaCate>
     </el-form-item> 
                            
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • =·ω<=原装萝莉 普通会员 1楼

      在Vue中,如果组件正在动态渲染中,你可以通过以下方式获取未来组件元素对象:

      1. 使用watch方法:

      javascript new Vue({ el: '#app', data() { return { // 存储未来组件元素对象的变量 futureComponent: null }; }, watch: { futureComponent() { // 如果组件正在动态渲染,那么就获取未来组件元素对象 if (this.$refs未来Component) { console.log(this.$refs未来Component); } } } });

      1. 使用ref属性:

      javascript new Vue({ el: '#app', data() { return { // 存储未来组件元素对象的变量 futureComponent: null }; }, ref: { futureComponent: '#futureComponent' } });

      这两种方法都可以在组件的watch方法中实现,关键是在watch方法中获取未来的组件元素对象。如果组件正在动态渲染,那么就获取未来组件元素对象。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部