uni-app打包小程序的一些趣事~

前言

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开发的一些趣事~

相关推荐
iOS阿玮3 小时前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw54 小时前
uni-app中v-if使用”异常”
前端·uni-app
!win !4 小时前
uni-app中v-if使用”异常”
前端·uni-app
Emma歌小白6 小时前
如何首次运行小程序后端
微信小程序
赣州云智科技的技术铺子6 小时前
【一步步开发AI运动APP】十二、自定义扩展新运动项目1
微信小程序·小程序·云开发·智能小程序
2501_915918417 小时前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张8 小时前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
破无差18 小时前
《赛事报名系统小程序》
小程序·html·uniapp
00后程序员张19 小时前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview
海绵宝宝不喜欢侬20 小时前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app