Javascript 如何为vue.js中任何操作（非用户操作）更改的元素进行单向绑定

我尝试使用vue.js创建表单的交互式预览

但我没有自定义元素来加载图像并为它们创建预览。我需要将我的隐藏输入绑定到图像，它由处理函数更改

这是我的隐藏图像，它保存了加载图像的base64格式

 input(type="text" name="logotype" v-model="brandLogo" style="display: none;")#image-attach

我的预览元素

 img(src="{{brandLogo}}")

一些vue.js设置

var Brand = new Vue({
        el: '#brand',
        data: {
            brandName: 'title of form',
            brandDesc: 'decription of form',
            brandLogo: 'img/logo.png',
            brandColorBg: '#2c6aa2',
            brandColorText: '#fff'
        }
    });

但在更改了隐藏输入元素的值形式之后，Vue中的数据不会发生更改

---

我建议，v-model在某些操作后更改元素（在输入中键入文本），但如何观察另一个操作，这可以应用于元素？

首先确保输入和预览部分位于品牌div

内部，这是完美的。当我在输入时输入路径时，它会自动调用更新图像

<div id="app">
    <input type="text" v-model='image.path'>

    <div>
        <img :src="image.path" width="100" height="100">
    </div>

    <pre> {{ $data | json}}</pre>
</div>

<script src="vue.js"></script>
<script type="text/javascript">

    new Vue({
        el:'#app',

        data:{
            image:{
                'name':'',
                'path':''
            }
        }

    });
</script>
</body>
</html>

{{$data | json}
新Vue({
el:“#应用程序”，
数据：{
图片：{
“姓名”：“，
“路径”：”
}
}
});

是的，它实际上是soIs输入类型文件或文本？？它应该是一个文件类型它的文本，因为在文件输入中添加文件后，我将裁剪图像并将base64 url类型放入该文本中input@BorisovSemen检查我尝试过的新答案。希望就是你想要的