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

	<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>

这里写图片描述

发布了97 篇原创文章 · 获赞 25 · 访问量 16万+

猜你喜欢

转载自blog.csdn.net/Qinhaolei/article/details/77914787