您好,欢迎来到花图问答。
搜索
您的当前位置:首页【基础】处理用户输入

【基础】处理用户输入

来源:花图问答

处理用户输入

  • html
<div id="app">
    <input type="text" v-model="message">
    <button v-on:click="reverseMessage">点击执行reverseMessage将用户输入字符串进行翻转</button>
    <p>{{message}}</p>
</div>
  • js
<script>
    // 初始化数据
    window.onload = function () {
        var vue = new Vue({
            el: '#app',
            data: {
                message: ''
            },
            methods: {
                reverseMessage: function () {
                    this.message = this.message.split('').reverse().join('');
                }
            }
        });
    };
</script>

Copyright © 2019- huatuowenda.com 版权所有 湘ICP备2023022495号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务