vue.js - 在同一个 div vue.js 中显示 2 个元素

Question

如何显示日期时间选择器和

元素在同一时间？我运行程序时遇到问题，日期时间选择器不显示。只是“啦啦”中的

元素。

    <div id="app">
        <v-date-picker mode="dateTime" v-model='date'/>
        <p>lala</p>
    </div>
    <script src="https://unpkg.com/vue"></script>
    <script src="https://unpkg.com/v-calendar"></script>
    <script>
        new Vue({
            el: '#app',
            data: {
                date: new Date(),                 // settiing default hari yg terpilih waktu pas datepicker ke load hari $ waktu skrng
            }
        })
    </script>
</body>

标签： vue.js

Answer 1

将 v-date-picker 和 p 标签分隔在两个单独的 div 中。

  <div id="app">
    <div>
      <v-date-picker mode="dateTime" v-model="date" />
    </div>
    <div>
      <p>{{date}}</p>
      <p>lala</p>
    </div>
  </div>