vue-js获取input输入值---vue学习笔记

来源:互联网 发布:东方财富choice mac 编辑:程序博客网 时间:2024/05/16 03:27
    <div id="app">        <input placeholder="str" v-model='str'>        <p>{{ getStr }} </p>        <button type="button" v-on:click='btnClick' >获取</button>    </div>
<script type="text/javascript">var vm= new Vue({        el: '#app',        data: {            str: '初始值',            getStr: null,        },        created: function() {            // the created hook is called after the instance is created        },        computed: {        },        methods: {            btnClick: function() {                this.getStr = this.str.toUpperCase();            },        }    })</script>

这里写图片描述