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)

相关推荐
自然 醒5 小时前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
CHB7 小时前
uni-agent,你的数字员工来了
人工智能·uni-app·vibecoding
h_jQuery7 小时前
uniapp使用canvas实现逐字书写任意文字内容,后合成一张图片提交
前端·javascript·uni-app
困困的果果头7 小时前
【uniapp】解决H5嵌套在web-view中时打包页面与状态栏重叠
前端·uni-app
前端 贾公子7 小时前
Uniapp 使用 UQRCode 创建二维码
uni-app
Rattenking7 小时前
uni-app组件开发----自定义数字键盘组件
前端·javascript·uni-app
笨笨狗吞噬者9 小时前
代理的妙用:uni-app 小程序是怎样用 `Proxy` 和 `wrapper` 抹平平台差异的
前端·微信小程序·uni-app
软希网分享源码2 天前
中英双语言量化交易投资源码/跟单搬砖区块链交易所源码/前端uniapp纯源码+后端
前端·uni-app·区块链·中英双语言量化交易投资源码
小成Coder2 天前
UniApp 如何调用鸿蒙预加载
uni-app·harmonyos·鸿蒙