我有一个微调器,如果用户点击<a>
按钮元素,这个微调器应该只是显示,现在微调器一直在显示,有人可以帮助我吗?谢谢。
<a class="btn btn-action" href="#/user" bs-tooltip="title.bind: 'user'">
<i class="fa fa-list-alt" aria-hidden="true"></i>
<loading-feedback
is-loading.bind="true"
message.bind="Loading.."></loading-feedback>
</a>
答案 0 :(得分:1)
你可以这样做 -
<a class="btn btn-action" href="#/user" bs-tooltip="title.bind: 'user'" click.delegate="handleClick()">
<i class="fa fa-list-alt" aria-hidden="true"></i>
<loading-feedback is-loading.bind="loading" message.bind="Loading.."></loading-feedback>
</a>
在视图模型中,您可以执行以下操作 -
let loading = false;
handleClick() {
this.loading = true;
}
click.delegate可用于调用某些方法。而attribute.bind可用于将变量绑定到属性。这样,您可以将 loading 的值绑定到 is-loading 属性,并在单击锚点时调用 handleClick()来更改该值。您的代码似乎还有其他问题,如果您将某些内容绑定到属性,则必须是变量而不是文字。