条件构造在 vue.js 中不起作用答案

【问题标题】：conditional construct not working in vue.js条件构造在 vue.js 中不起作用
【发布时间】：2020-04-04 04:41:04
【问题描述】：

我有一个围绕模板标签的 v-if 语句，仅当注册类型为推荐时才会显示。如果 v-if 的计算结果为 true，它会在此模板标签中显示一条消息，还有其他嵌套的 v-if。

在上述模板标签之外，如果注册类型不是推荐注册，我有一个 v-else 应该显示特定消息。现在的问题是在推荐注册期间显示推荐和非推荐注册的消息，但非推荐注册显示正确的消息。

以下是关联代码。

            <template v-if="isReferralSignup">

                    <p v-if="canGetReferrerName" class="h4 pt-3 text-center">
                        Sign up to claim this investment from
                        <strong class="text-danger">
                            {{ReferrerFirstName}}
                        </strong>  and
                        get up to &#8358;{{RewardPerReferral}} in referral bonus
                    </p>
                    <p v-if="canGetReferrerName == false" class="h4 pt-3 text-center">
                        Sign up and get up to &#8358;{{RewardPerReferral}} referral bonus
                    </p>              
            </template>


            <p v-else class="h4 pt-3 text-center">
                You're opening a {{SelectedAccountName}} account
            </p>

下面是我用来检查它是否是推荐的函数

  isReferralSignup: function () {
                var self = this;
                var signUpUrl = document.location.href
                var splitUrlSegments = signUpUrl.split("/")
                var referralCode = splitUrlSegments[5]
                if (typeof referralCode === "undefined" || referralCode == ""  ) {
                    return false;
                } else if (referralCode.length == 6 || referralCode.length > 6) {
                    self.referralCode === referralCode
                    return true;
                }
            },

请问如何重新安排我的代码以使其按预期工作？

谢谢。 PS：我使用的是 Vue.Js

【问题讨论】：

标签： javascript html vue.js

【解决方案1】：

为v-else保留相同的标签：

<template v-else>
   <p class="h4 pt-3 text-center">
      You're opening a {{SelectedAccountName}} account
   </p>
</template>

【讨论】：

【解决方案2】：

您忘记为 v-else 条件启动模板标签。

试试看：

<template v-else>
   <p class="h4 pt-3 text-center">
      You're opening a {{SelectedAccountName}} account
   </p>
</template>

【讨论】：