ref 值在 vue 中未定义 (modal, textarea, $refs)答案

【问题标题】：ref value is undefined in vue (modal, textarea, $refs)ref 值在 vue 中未定义 (modal, textarea, $refs)
【发布时间】：2021-10-03 18:40:47
【问题描述】：

我无法从标签中获取 ref。我可以看到其他 ref 值 a，但我无法通过使用 console.log(this.$refs); 看到 b 值我错过了什么？如果您有想法或解决方案，请告诉我。提前谢谢你

我正在使用 Vuejs，下面是我的代码，

<template>
  <div>
    <p> test</p>
     <b-modal
      ref="a"
      size="lg"      
    >
      <textarea ref="b" />
    </b-modal>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
 mounted() {
      console.log(this.$refs.b); // undefined   
  },
};
</script>

【问题讨论】：

如果b-modal 没有默认的slot，textarea 将不会被渲染，所以没有参考。只是一个想法。
感谢您的友好回复。我意识到问题出在哪里。原因在这里，我使用了 bootstrap-vue: 2.0.0-rc.15 ，但是我已经将版本更改为 "bootstrap-vue": "2.21.2" 我认为 SCSS 和新版本之间存在一些冲突引导程序。 bootstrap-vue 版本回滚后，就可以正常工作了。
我找到了原因。这是原因 -> 模型标签在引导程序中延迟加载。解决方法是在modal标签上加上static="true"。

标签： vue.js modal-dialog undefined textarea ref

【解决方案1】：

你可以试试这个

 this.$refs['b']

【讨论】：