uni-app——Vue3简单整合uView@1.8.4解决方案

Posted Starzkg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app——Vue3简单整合uView@1.8.4解决方案相关的知识,希望对你有一定的参考价值。

问题描述

在这里插入图片描述

问题分析

在这里插入图片描述

官方文档

globalProperties

解决方案

切换到下载安装方式
https://www.uviewui.com/components/install.html#下载安装
修改源代码
index.js
在这里插入图片描述

Vue3 filter也没了,几个时间函数不重要吧?
在这里插入图片描述

在这里插入图片描述

const install = Vue => {
	Vue.mixin(mixin) 
	if (Vue.config.globalProperties.openShare) {
		Vue.mixin(mpShare);
	}
	// Vue.mixin(vuexStore);
	// 时间格式化,同时两个名称,date和timeFormat
	Vue.config.globalProperties.$filter = {
		timeFormat(timestamp, format) {
			return timeFormat(timestamp, format)
		},
	    date(timestamp, format) {
			return timeFormat(timestamp, format)
		},
		// 将多久以前的方法,注入到全局过滤器
		timeFrom(timestamp, format) {
			return timeFrom(timestamp, format)
		}
	}
	Vue.config.globalProperties.$u = $u
}

后期问题

  • uni-app 特有的生命周期钩子支持 Composition API 失效

参考文章

vue 3.0 prototype 替代用法

以上是关于uni-app——Vue3简单整合uView@1.8.4解决方案的主要内容,如果未能解决你的问题,请参考以下文章

uni-app 项目小程序端支持 vue3 介绍

三、Uni-app + vue3 页面如何跳转及传参?

uni-app+vue3+typescript工程搭建

uni-app业务功能开发整合

uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性

uniapp对于vue3语法支持不太好