uniapp实现带输入框的弹出框

最新推荐文章于 2024-06-06 13:59:50 发布

北京的北京

最新推荐文章于 2024-06-06 13:59:50 发布

阅读量1.1w

点赞数 4

分类专栏： uniapp 文章标签：前端小程序

本文链接：https://blog.csdn.net/m0_58135258/article/details/125562719

版权

uniapp 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

项目要求实现这样的弹窗

代码：

<modal v-if="areaShow" title="新增空间" confirm-text="保存" cancel-text="取消" @cancel="cancelAdd" @confirm="confirmAdd">
<input type="text" v-model="areaTxt" placeholder="限填5个字" class="intxt" maxlength="5" />
</modal>

export default{
    data(){
        return{
            areaShow:false,
            areaTxt:'',
        }
    },
    methods: {
		cancelAdd(){
			this.areaShow = false
		},
		confirmAdd(){
			this.areaShow = false
				
		},
			
	}
}