uni-app 之获取input输入内容

ゝ一世哀愁。 2023-10-16 15:19 9阅读 0赞

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