微信小程序鸿蒙系统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


建议先使用微信小程序原生代码在鸿蒙手机上验证一下。

回到顶部