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)

相关推荐
攻城狮7号11 小时前
不懂代码也能造?TRAE+GLM-4.6 手把手教你搭心理咨询智能客服小程序
python·小程序·uni-app·vue·trae·glm我的编程搭子·glm-4.6
QQ5885019813 小时前
Python_uniapp-心理健康测评服务微信小程序的设计与实现
python·微信小程序·uni-app
三天两行代码14 小时前
uniapp 微信小程序实现ai问答功能流式输出makdown解析实现打字机效果(附源码)
微信小程序·小程序·uni-app
三天不学习14 小时前
从开发到上架:手把手教你将uni-app微信小程序打包发布(全网最全指南)
微信小程序·uni-app·notepad++
木子啊15 小时前
UniApp原生Office预览组件上线
uni-app·在线预览·预览文件·office预览文件
2501_9151063216 小时前
如何在iPad上高效管理本地文件的完整指南
android·ios·小程序·uni-app·iphone·webview·ipad
2501_9151063217 小时前
iOS 成品包加固,在只有 IPA 的情况下,能做那些操作
android·ios·小程序·https·uni-app·iphone·webview
郑州光合科技余经理18 小时前
同城020系统架构实战:中台化设计与部署
java·大数据·开发语言·后端·系统架构·uni-app·php
林恒smileZAZ18 小时前
Uni-app 性能天坑:为什么 v-if 删不掉 DOM 节点
uni-app·notepad++