Error in v-on handler: "TypeError: Cannot read property 'value' of undefined"

Error in v-on handler: "TypeError: Cannot read property 'value' of undefined"

报错如下所示，即

在这里插入图片描述

在运行Vue项目时出现了上述错误，出现该错误的原因是其容器还未生成就对其进行了初始化所造成的。

首先检查有没有如下操作

//原先取dom的操作
document.getElementById('textarea');
//改正后，Vue中取demo的操作
this.$refs.textarea

如果问题还没有解决，就是$refs依旧获取不到值，即取不到el-dialog对话框中的子组件对象，返回的都是undefined。在其外面加上如下所示，

this.$nextTick(function () {
           
});

比如我的this._initialize()方法里面获取不到 this.$refs.textarea的值，一直为undefined，我就在其外面加上了

this.$nextTick(function () {
    this._initialize();
});

如果问题还没有解决，你就要先打开el-dialog，让弹出框被初始化，只有el-dialog被初始化了，在Vue的渲染引擎中，你才可以获取到里面的子组件。

如下，我要做的是打开一个弹框，弹框里面是个form表单的table，table里面有个元素是在线编辑代码的，支持代码各语言的高亮显示。核心代码如下所示

最终效果图如下

代码高亮_lgx211