Извлечение контактной формы Node.js через API с помощью Vue.js - грязный результат - PullRequest
1 голос
/ 03 апреля 2019

Я звоню в контактную форму из приложения 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>

Я очень ценю любые отзывы здесь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...