Javascript 如何在vue.js的v-if中使用toLowerCase（）？

在vue.js中，我有以下代码：

 <q-btn @click="goEditMode" color="primary" icon="edit" label="Edit"
     v-if="this.form.userName.toLowerCase() !== 'admin'" />

请帮帮我，谢谢

您必须删除此文件。在模板中

v-if="form.userName.toLowerCase() !== 'admin'"

演示：

Vue.createApp{ 资料{ 返回{ 问题：‘一’ } } }.mount'app' 一 二 你必须删除你的这个。在模板中

v-if="form.userName.toLowerCase() !== 'admin'"

演示：

Vue.createApp{ 资料{ 返回{ 问题：‘一’ } } }.mount'app' 一 二 发生此错误的原因是未定义的.toLowerCase

看起来您正在父属性中不存在的某些属性上运行toLowerCase

因此，首先检查this.form.userName是否存在

你可以这样做

this.form.userName ? this.form.userName.toLowerCase() : ''

发生此错误的原因是未定义的.toLowerCase

看起来您正在父属性中不存在的某些属性上运行toLowerCase

因此，首先检查this.form.userName是否存在

你可以这样做

this.form.userName ? this.form.userName.toLowerCase() : ''

你可以这样做

---

你可以这样做。

事实上，我已经尝试过了，但结果没有什么不同。奇怪的是，我通过计算属性为你添加了一个替代解决方案。这有一个优点，模板区域看起来更干净，逻辑在脚本区域。实际上，我已经尝试过了，但结果没有什么不同OK，奇怪-我通过computed属性为您添加了一个替代解决方案。这样做的好处是模板区域看起来更干净，逻辑位于脚本区域。我发现出现此错误的原因是This.form的属性userName尚未呈现，如何基于此写入来解决它？我发现此错误的原因是this.form的属性userName尚未呈现，如何基于此写入来解决它？是的，这是您正在讨论的问题，我应该如何解决它？我只想用假想来判断。是的，这就是你所说的问题，我应该如何解决？我只想用假想来判断。