Question

我创建了两个组件，用于将基本64位编码格式的图像发送到服务器。当安装父组件时，它应该将子引用设置为file。

{
    SQLiteConnection conn = new SQLiteConnection(db_file);  
    conn.CreateTable<MyRecord>();   
    var record = new MyRecord {
        Field1 = "test",
        Field2 = "test"
    };  
    conn.Insert(record);    
    conn.Dispose();
}

完整示例https://codepen.io/anon/pen/ZvzwzO 如何实施？

P.S。我不知道如何在同一个组件中实现它。我将数据作为一个包含两个属性的字符串发送，但是作为字符串获取，但它是链接。

P.S.S。需要一种搜索方式。

Answer 1

很难确切地说出你在问什么，但听起来你想将数据从父组件传递给子组件。如果您还没有，请阅读Composing components和Dynamic Props，了解将属性从父组件传递到子组件。

执行此操作的一种方法是使imageBody组件成为upload-photo组件的属性，而不是部分数据。

props: ['logoImage', 'title', 'description', 'imageBody'],

然后让父母为该属性提供一个值：

<upload-photo v-model="logoImage" title="TITLE 1" description="description_1" v-bind:image-body="imageBody">

看看this phpfiddle。安装表单时，它会将AJAX调用发送回服务器以检索URL，然后将第一个upload-photo子元素的属性设置为AJAX响应中从服务器发回的URL。请注意，upload-photo模板已更改为显示图像，如果imageBody是真实而非image。

如何在vue组件中将图像src设置为字符串？

1 个答案: