微信小程序鸿蒙系统input重大问题
微信小程序鸿蒙系统input重大问题
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows | CLI |
产品分类:uniapp/小程序/微信
PC开发环境操作系统:Windows
第三方开发者工具版本号:微信开发者工具Stable1.06.2412050
基础库版本号:3.7.10
项目创建方式:CLI
CLI版本号:3.0.0-4050720250324001
示例代码:
<template>
<view>
<view class="pt-200px h-11000">
<button @click="popupRef.open()">打开</button>
</view>
<test ref="popupRef">
<view class="bg-#fff p-20rpx">
<input type="text" value="12" />
</view>
</test>
</view>
</template>
<script setup lang="ts">
import test from "./test.vue";
const popupRef = ref();
</script>
<template>
<view class="fixed inset-0 z-9997" v-if="show">
<view class="fixed inset-0 z-9998 bg-(#000 opacity-40)" @click="close"> </view>
<view class="fixed left-0 bottom-300px w-100%" >
<slot></slot>
</view>
</view>
</template>
<script setup lang="ts">
//组件
//方法
//接口
//仓库
//
defineOptions({
virtualHost: true,
});
const show = ref(false);
const open = () => {
show.value = true;
};
const close = () => {
show.value = false;
};
defineExpose({
open,
close,
});
</script>
<style scoped lang="scss"></style>
更多关于微信小程序鸿蒙系统input重大问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于微信小程序鸿蒙系统input重大问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
建议先使用微信小程序原生代码在鸿蒙手机上验证一下。