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

相关推荐
贝格前端工场13 分钟前
小程序订阅消息设计:用户触达与隐私保护的平衡法则
大数据·小程序
weixin_lynhgworld16 分钟前
盲盒一番赏小程序:用科技重新定义“未知的快乐”
科技·小程序
Bruce_Json44 分钟前
微信小程序ts+sassjlin-ui
微信小程序·小程序·sass
来碗盐焗星球2 小时前
记一次微信小程序AI开发的血泪史
前端·微信小程序
说私域4 小时前
淘宝直播与开源链动2+1模式AI智能名片S2B2C商城小程序的融合发展研究
人工智能·小程序·开源
说私域7 小时前
互联网生态下赢家群体的崛起与“开源AI智能名片链动2+1模式S2B2C商城小程序“的赋能效应
人工智能·小程序·开源
The_era_achievs_hero14 小时前
微信小程序71~80
微信小程序·小程序
米粒宝的爸爸15 小时前
uniapp在app端,在导航栏设置自定义按钮
uni-app
dssxyz15 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
xw516 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app