小编j0z*_*eft的帖子

我有一个VueJS的密码更改页面，并且仅在用户单击新密码字段时才想查看密码策略。问题是我找不到页面是否焦点。

<b-row>
  <b-col>
    <b-form-group id="newPasswrd" label="New Password" :state="statePassword">
      <b-input-group>
        <b-form-input id="newPassword" v-model="passwords.newPassword" ref="newPassword" placeholder="Passwort" type="password" maxlength="60" />
        <p class="password-description"  >Must be at least 8 characters and contain at least two of the following: Upper case, Lower case, special characters or numbers</p>            
      </b-input-group>
    </b-form-group>
  </b-col>
</b-row>

这就是我在页面的脚本部分中进行测试的内容：

      if (this.$refs.newPassword.focus() == true) console.log("focus");

我的计划是最终将此行放入计算所得的值中，并为其附加一个bool值，以查看/隐藏字段下方的文本，具体取决于其是否处于焦点位置。发生的事情是，当我触发编写此条件的方法时，控制台中什么也没得到，但是焦点却集中在该字段上，这不是我想要的。如果该领域成为焦点，我应该怎么做才能获得布尔值？

我正在使用密钥斗篷，但是我不了解用户在应用中进行身份验证后如何进行身份验证。
例如，我有一个使用密钥斗篷保护的应用程序，当用户尝试访问它时，他/她将被重定向到身份验证页面，然后（我猜并纠正我，如果我错了），该用户将拥有需要使用的令牌与每个请求一起发送。

我正在尝试构建一个页面,其中一旦加载页面就应该设置变量.我放置了我的方法,并尝试重复调试它,完全没有任何结果,然后我试着只是在控制台打印一个字符串,mounted也没有发生任何事情......我不确定我是否遗漏了一些东西.

我支持我的项目usnig Vue CLI,目前,在下面的代码中,我希望HelloWorld.vue从模板中插入更改

我还添加了一个按钮作为支票,

<button onclick="foo">foo</button>

页面的脚本部分如下所示:

<script>
    export default {
        el: '#app',
        data: {
            message: 'Hello Vue.js!'
        },
        methods: {
            mounted: function() {
                console.log("Mounted!")
            },
            foo: function() {
                console.log("button")
            }
        }
    }
</script>

预期的行为是"安装!" 在保存和刷新时在控制台上,每当我单击按钮时"按钮".显示页面时我什么也得不到,只要我点击按钮,就会出现"按钮".是mounted用在这里还是我失去了别的错误的功能？