Question

我有这个简单的index.html与JavaScript：

<!DOCTYPE html>
    <html>
        <head>
            <title>fghfghfgh</title>
        </head>
    <body>
        <div id="chat">
            <form v-on:submit="send" method="post" action="">
                <input type="" v-model="message" name="">
                <button>Submit</button>
            </form>
            <ul id="messages">
                <li v-repeat="message: messages">{{message}}</li>
            </ul>
        </div>

    <script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
<script>
       new Vue({
           el: '#chat',
           data: {
               message: '',
               messages: []
           },
           methods: {
               send: function (event) {
                   event.preventDefault();
               }
           }
        })
        </script>
    </body>
</html>

但是当我加载页面时，它会移除整个form元素，包括input和button。如果我从li中删除index.html元素，则不会删除该表单。为什么这样以及如何解决？

Vue.js 2删除元素

0 个答案: