uni-app 之 获取input输入内容

uni-app 之 获取input输入内容

定义名称 v-model="logon_phone"
获取内容 console.log("111 111 logon_phone 打印 ", this.logon_phone)

<template>
    <view style="width: 100%; display: flex; flex-direction:column; align-items:center;">
 
        <view style="width: 60%; margin-top: 100px;">
 
            <view style="display: flex; ">
                <u-input placeholder="请输入手机号码" v-model="logon_phone" />
                <button @click="getphoneurl">验证码</button>
            </view>
 
 
            <!-- <text>retCode={{urlretCode}}; </text>
            <text>retMsg={{curlretMsg}}; </text> -->
 
        </view>
 
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                // urlretCode: "",
                // curlretMsg: "",
                logon_phone: "",
            };
        },
        methods: {
            // 按钮点击后执行的方法
 
            getphoneurl() {
                // uni.showLoading({
                //  title: "加载中" // 加个进度条
                // })
 
                console.log("----- phone打印 ", this.logon_phone)
 
                uni.request({
 
                    url: "https://api.xxx.com/xxx/xxx/" + this.logon_phone,
                    success: res => {
                        console.log(res) // log打印获取的数据
                        // this.urlretCode = res.data.retCode
                        // this.curlretMsg = res.data.retMsg
                        // uni.hideLoading() // 加载出来后，关闭进度条
                    }
                })
            },
 
        },
        onLoad() {
            // 页面刚进去就初始化的方法
 
            // this.getphoneurl(),
        }
    }
</script>
 
<style lang="scss">
 
</style>