如何修复 v-model 渲染中的错误答案

【问题标题】：How to fix the error in v-model rendering如何修复 v-model 渲染中的错误
【发布时间】：2021-12-28 03:58:27
【问题描述】：

我的index.blade.php 中有以下片段：

content 部分：

.
.
.
<div class="col-12 col-md-12 mb-3">
    <label for="attachment" text-muted">Attachment</label>
    <div class="col-md-12">
        <div>
            <b-form-file
                ref="attachment"
                id="attachment"
                v-model.trim="$v.feedback.upload.attachment.$model"
                placeholder="Click to upload..."
            ></b-form-file>
        </div>
    </div>
</div>
.
.
.

script 部分：

.
.
.
var app = new Vue({
    el: '#app',
    data() {
        return {
            'feedback': { 'upload': {'attachment': null} }
        }
   }
})
.
.
.

每次我尝试加载页面时，都会出现如下错误：

[Vue 警告]：渲染错误：“TypeError: $v.feedback.upload 未定义” （在根目录中找到）

我想问一下是什么导致了上述错误，因为当我评论v-model.trim="$v.feedback.upload.attachment.$model" 行时，一切正常。提前感谢您的任何回复。

【问题讨论】：

我觉得应该只是v-model.trim="feedback.upload.attachment"

标签： javascript vue.js

【解决方案1】：

应该只是

 v-model.trim="feedback.upload.attachment"

答案记入@Damon

【讨论】：