Я звоню в контактную форму из приложения Node.js для отображения в моем приложении Vue.js.Я использую приложение Node.js в качестве бэкэнда для отправки электронных писем.
Проблема в результате.Что мне нужно отредактировать, чтобы страница выглядела чистой на веб-интерфейсе?
Нажмите, чтобы увидеть результаты (картинка)
По сути, я впервые играю с Api в Vue.js.Я попытался добавить renderPage: true после return {, но это, похоже, ничего не решило.
<template>
<div v-html="this.info">
{{ info }}
</div>
</template>
<script>
import axios from 'axios'
export default {
data () {
return {
info: null,
renderPage: true
}
},
mounted () {
axios
.get('http://localhost:3000/')
.then(response => (this.info = response))
}
}
</script>
Это контактная форма на узле.js app
<div class="contact">
<h3>Email Us</h3>
{{msg}}
<form method="GET" action="send">
<p>
<label>Name</label>
<input type="text" name="name">
</p>
<p>
<label>Company</label>
<input type="text" name="company">
</p>
<p>
<label>Email Address</label></br>
<input type="email" name="email">
</p>
<p>
<label>Phone Number</label>
<input type="text" name="phone">
</p>
<p class="full">
<label>Message</label>
<textarea name="message" rows="5"></textarea>
</p>
<p class="full">
<button type="submit">Submit</button>
</p>
</form>
</div>
Я очень ценю любые отзывы здесь.