时间戳

首页 > 解决方案 > 如果 ref 值具有括号字符，如何访问 vuejs refs

vue.js - 如果 ref 值具有括号字符，如何访问 vuejs refs

问题描述

我想访问输入的引用，但仍然未定义。

// 模板模板中的示例： 

<input type="text" class="form-control form-control-sm" v-bind:value=meminfo.last_name name="online_membership[last_name]" ref="online_membership[last_name]" >

脚本：

methods() {
   function() {
     // i would like to access the input value of this ref
     this.$refs.online_membership[last_name]
   }
}

标签： vue.jsvuejs2

解决方案

您应该更改如下内容：

最佳实践：

// 模板模板中的示例：

<input type="text" class="form-control form-control-sm" v-bind:value=meminfo.last_name name="online_membership[last_name]" :ref="online_membership[last_name]" >

脚本：

methods() {
   function() {
     // i would like to access the input value of this ref
     this.$refs[online_membership[last_name]]
   }
}

但如果你想用作包含'['的字符串，那么你可以简单地使用以下解决方案：

// 模板模板中的示例：

<input type="text" class="form-control form-control-sm" v-bind:value=meminfo.last_name name="online_membership[last_name]" ref="'online_membership[last_name]'" >

脚本：

methods() {
   function() {
     // i would like to access the input value of this ref
     this.$refs['online_membership[last_name]']
   }
}

希望它能解决你的问题

推荐阅读