vue表单使用

149 阅读1分钟
用户注册

用户名:

密码框

性别:

爱好: 篮球 排球

提交

    表单内容如下:
    <p>
        用户名:{{user}}
    </p>
    <p>
        密码:{{pwd}}
    </p>
    <p>
        性别:{{sex}}
    </p>
    <p>
        爱好:{{arr}}
    </p>
</div>
<script src="./vue2.6.14.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            user: "",
            pwd: "",
            sex: "",
            arr: []
        },
        methods:{
            fn(){
                this.user = '';
                this.pwd= '';
                this.sex= '';
                this.arr= [];
            }
        }
    })
</script>