uniapp x 新手入门指南

从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的文档上也灭有讲, 解决方法如下 ![](https://i-blog.csdnimg.cn/direct/08c66c9c72b54b7fa2573ea3566763fc.png)

相关推荐
游戏开发爱好者811 小时前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063213 小时前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063213 小时前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
宠友信息14 小时前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app
“负拾捌”15 小时前
python + uniapp 结合腾讯云实现实时语音识别功能(WebSocket)
python·websocket·微信小程序·uni-app·大模型·腾讯云·语音识别
局外人LZ1 天前
Uniapp脚手架项目搭建,uniapp+vue3+uView pro+vite+pinia+sass
前端·uni-app·sass
2501_915918412 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
前端呆头鹅2 天前
Websocket使用方案详解(uniapp版)
websocket·网络协议·uni-app
浮桥2 天前
uniapp+h5 公众号实现分享海报绘制
uni-app·notepad++
2501_916007472 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview