前言

Huilderx版本：4.15

uni-app Web端版本：3.4.21

问题1

Web端/APP端样式好好的，打包微信小程序就乱了咋整？

使用::v-deep/::deep/deep(){}都是没用滴~~

原因？

解决：

<script lang="ts">export default {options: {styleIsolation: 'shared',},}
</script>

问题2

Web端/APP端$attrs支持，但当前uni-app版本打包小程序不支持咋搞？

只能通过属性传入喽~

解决：

普通属性：defineProps(['aa', 'bb', 'cc']);
//或者
defineProps({a: {type: String,default: 'vvv',},
});//或者
defineProps<{ a: String }>();自定义事件：defineEmits(['a','b'])

问题3

目前uni-app版本打包小程序不支持defineModel，怎么好用的hook不能玩咋搞？

解决：

父组件：const val = ref('hello')
const handleInput = (val)=>{
val.value = val
}
<Input :val="val" @handleInput="handleInput"></Input>子组件：defineProps(['val'])const emits = defineEmits(['handleInput'])const handleInput = (event)=>{const val = event.detail.value.trim()emits('handleInput',val)}
<input v-model="val" @input="handleInput"/>

最后

uni-app开发的一些趣事~