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

相关推荐
shitian08111 小时前
用轻量云服务器搭建一个开源的商城系统,含小程序和pc端
服务器·小程序·开源
计算机-秋大田2 小时前
基于微信小程序的农场管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
_处女座程序员的日常7 小时前
Rollup failed to resolve import “destr“ from ***/node_modules/pinia-plugin-pers
javascript·uni-app·vue
说私域9 小时前
私域流量圈层在新消费时代的机遇与挑战:兼论开源 AI 智能名片、2 + 1 链动模式、S2B2C 商城小程序的应用
人工智能·小程序
亥时科技12 小时前
相亲小程序(源码+文档+部署+讲解)
java·小程序·开源·源代码管理
wayuncn12 小时前
网站小程序app怎么查有没有备案?
小程序
2401_8441379513 小时前
PHP中小学优校管理系统小程序源码
微信·微信小程序·小程序·微信公众平台·微信开放平台
慢慢雨夜16 小时前
uniapp打包华为,提示请提供64位版本软件包后再提交审核
uni-app
秋雨凉人心16 小时前
uniapp 设置安全区域
前端·javascript·vue.js·uni-app
Little_Code16 小时前
uniapp 如何使用vuex store (亲测)
uni-app·vuex·store