uniapp x 新手入门指南

一只程序熊2026-01-25 8:47

从uniapp转行到uniapp x真的有些东西有点颠覆现实的感觉，因为很多之前uniapp简单使用的方法转入到uniapp x之后就直接报错或者报警告了，以下内容是本博在做uniapp x开发中遇到的一些问题，仅供诸君参考！

在uniapp x中不能再vue模版中调用函数(非click钩子中)，即不能使用函数参与渲染过程。

报错为：error: Function invocation 'isNull(...)' expected.‌

源代码：

复制代码

<view class="word">
	<text v-if="isNull(address)">选择地址</text>
    <text v-else>{{ address!.name }}</text>
</view>

修改后：

复制代码

<view class="word">
					<text v-if="address?.name">选择地址</text>
					<text v-else>{{ address!.name }}</text>
				</view>

在uniappx中修改字体颜色不生效或者说在web中修改字体颜色没问题，但是在app中字体颜色就没有变化。

原因：可能是因为你使用标签不是文本标签(text标签 )的问题，因为在uniapp x中元素样式不支持继承

uniappx的css中不支持使用标签代替类名

报错： $plugin:uni:app-uvue-css$ ERROR: Selector `.container .top-func .sign-in text` is not supported. uvue only support classname selector

uniappx使用transition: all .3s的时候报错：

$plugin:uni:app-uvue-css$ ERROR: property value color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter is not supported for transition-property (supported values are: css property)

这个问题不知道是为什么transition的文档上也灭有讲，解决方法如下