怎样让用户输入凭证后才显示登录按钮？

我们可以使用Vue的条件渲染语法v-if来实现这一功能。首先，我们需要在data中定义一个布尔值，表示用户是否已经输入了凭证。然后，在模板中，我们将v-if指令绑定到这个布尔值上，只有当该值为真时才会渲染出登录按钮。

示例代码：

<template>
  <div>
    <input type="text" v-model="username" />
    <input type="password" v-model="password" />

    <button v-if="hasCredentials" @click="login">登录</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "",
      password: "",
      hasCredentials: false,
    };
  },
  methods: {
    login() {
      // 登录逻辑
    },
  },
  watch: {
    // 监听输入框，只有当用户输入凭证后才会显示登录按钮
    username() {
      this.hasCredentials = this.username && this.password;
    },
    password() {
      this.hasCredentials = this.username && this.password;
    },
  },
};
</script>

在这个示例中，我们使用了watch选项来监听输入框的变化，如果用户名和密码都有输入，则将hasCredentials设置为true，从而显示登录按钮。当用户点击登录按钮时，触发login方法进行登录处理。