Javascript 如何让用户在Vue中修改计算属性？

我正在收集一些数据，我想让用户下载，我正在试图找出处理文件名的最佳方法。默认文件名应该是动态的，并且基于当前日期，所以我想我需要为它创建一个

computed属性。我还希望用户可以选择更改文件名。但是，当我在输入表单上将其设置为
v-model
时，表单中的任何更改都不会在属性上注册。我不知道如何捕获新值，以便稍后使用它生成文件。我尝试了各种
v-model
组合，并使用了多个
计算属性
，但没有一个能给出预期的结果

是一个jsfiddle，具有查看我的问题所需的最少代码。
通常您希望
v-model
引用
数据
属性，而不是计算属性。这种方法看起来像：

<input v-model="filename">

并将
defaultFilename（）
定义为一种方法

methods: {
    defaultFilename() {
        return "whatever";
    }
}

通常，您希望
v-model
引用
data
属性，而不是计算属性。这种方法看起来像：

<input v-model="filename">

并将
defaultFilename（）
定义为一种方法

methods: {
    defaultFilename() {
        return "whatever";
    }
}