Twitter bootstrap 如何使引导模式窗口在vuejs中可重用

我正在尝试创建一个引导模式窗口，以便在执行操作之前向用户发出某种警告。 当我填充一个文本字段时，关闭窗口并重新打开它，之前的值仍然显示。 如何使文本字段成为必填字段，并且在关闭模式窗口后，文本字段将清除，同时明显将值存储在“reason”中。 任何帮助都将不胜感激

以下是我的vuejs代码：

&时代；
拒绝贷款
您确定要拒绝此贷款请求吗

原因:
拒绝
导出默认值{
数据（）{
返回{
贷款请求：''，
原因：“”
}
},
方法：{
clearbox（）{
原因：“”
}
},
创建（）{
这是。$http.get（'http://localhost:9000/api/loans/hrvalidation')
.那么(
响应=>{
this.loanRequest=response.body
})
.catch（函数（错误）{
console.log（错误）
})
}
}

您需要使用

此。

从方法内部访问

原因

演示：

正是我所需要的！！非常感谢！
 data () {
    return {
        loanRequest: '',
        reason: ''
        }
 },
 methods: {
      clearbox (){
        console.log(this.reason);
        this.reason = null;
      }
 },