Vue JS如何从函数返回值中获得v-if值

Question

Vue js如何从同一个页面中的一个函数返回多个v-if条件

这是我的代码

<button v-if="$can('permission-a')">Add User</button>
<button v-if="$can('permission-b')">Add Employee</button>

这是我的$ can方法

$can(permissionName) {
  if(condition) {
    return true;
  } esle 
    return false;
  }
}

此方法为添加用户按钮返回false，为添加员工按钮返回true。但是添加用户按钮也会显示出来，因为添加员工按钮的真实回报。

我该如何解决此问题。有人可以帮助我吗？ 预先感谢。

Answer 1

您的方法有错别字吗？应该是其他吗？并且也缺少一个括号

$can(permissionName) {
  if(condition) {
    return true;
  } else { 
    return false;
  }
}

如果要传递不同的参数，则可能需要多个if检查或使用switch语句。如果您需要进一步的帮助，请发表您的情况。