vue 同时使用 v-model 和 :value

Question

我正在尝试获取选定的图像值并将其发送到数据库。现在我只能将输入值发送到数据库，但我需要将该值作为所选图像。基本上我需要同时使用v-model和:value，现在输入值为空。

<img class="head" :src="head" v-if="head" @click="loadHead();">
<img class="body" :src="body" v-if="body" @click="loadBody();">
<img class="feet" :src="feet" v-if="feet" @click="loadFeet();">
<div class="row name justify-content-center">
    <div class="col-sm-12 col-lg-6">
        <div class="form-group">
            <label>Valitud pea:</label>
            <input class="valikud" v-model="post.head"><b>Valitud pea: </b> {{head}}>
            <pre>{{ head }}</pre>
            <p class="valikud" v-if="body"><b>Valitud keha: </b> {{body}}</p>
            <p class="valikud" v-if="feet"><b>Valitud jalad: </b> {{feet}}</p>
        </div>
    </div>
</div>

Answer 1

您可以在安装组件时设置默认数据。

mounted () {
    if (this.post.head === '') {
        this.post.head = this.head
    }
}