在开发过程当中,我们想实现通过,点击按钮获取用户输入数据,那这个时候我们需要有两个元素,一个是按钮,一个是输入框。

 

编写输入框的代码,并且指变量,用来存储用户输入的内容

<view>
<input type="text" v-model="test_txt"/>
</view>

编写按钮代码,并且点击执行某个函数;

<view>
<button type="primary" @click='click' >提交</button>
</view>

编写script相关代码;

<script>
	export default {
		data() {
			return {
				test_txt:'',
			}
		},
		methods: {
			click:function(){
				console.log(this.test_txt)
			}
		}
	}
</script>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐