时间戳

首页 > 解决方案 > 在 Vuejs 中显示数据

javascript - 在 Vuejs 中显示数据

问题描述

我只需要request在我的表单中显示名称，不知道该怎么做。我刚开始用js，需要帮助。

我已经尝试过了，{{ request.name }}但没有用。{{request}}向我展示了完整的数据。

const app = new Vue({
      el:'#valuation-request',
      data() {
        return {
          step:1,
          request:{
            name:null,
            industry:'{{ $company->industry }}',
            valuation_date:null,
            similar_comp:null,
            total_raised:null,
            sales_transactions:null
          }
        }
      },
      methods:{
        prev() {
          this.step--;
        },
        next() {
          this.step++;
        }


      }
    });

标签： javascriptformsvue.js

解决方案

如果name有一个值，它应该在您编写时显示。如果为 null，则不会显示任何内容。

const app = new Vue({
      el:'#valuation-request',
      data() {
        return {
          step:1,
          request:{
            name: null,
            industry:'{{ $company->industry }}',
            valuation_date:null,
            similar_comp:null,
            total_raised:null,
            sales_transactions:null
          }
        }
      },
      methods:{
        prev() {
          this.step--;
        },
        next() {
          this.step++;
        }


      }
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<div id="valuation-request">
  {{request.name}}
  <hr>
  Name: <input type="text" class="uk-input" name="name" v-model="request.name" id="name" placeholder="e.g. John Doe" required>
</div>

推荐阅读