uni-nav-bar自定义导航栏block不生效问题

没留意文档，出现了问题如下：
借用案例：

<uni-nav-bar color="#333333" background-color="white" right-icon="scan" @clickLeft="showCity" @clickRight="scan">
			<block slot="left">
				<view class="city">
					<view><text style="font-size: 14px">北京</text></view>
					<uni-icons type="arrowdown" color="#333333" size="22" />
				</view>
			</block>
			<view class="input-view">
				<uni-icons style="line-height: 30px;" type="search" size="22" color="#666666"/>
				<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词" @confirm="confirm">
			</view>
		</uni-nav-bar>

应该生效为：

但实际上，左边的北京和icon图标不会出现
解决方法：
vue3里面修改了写法，代码里面是vue2的写法：
修改后：

<uni-nav-bar color="#333333" background-color="white" right-icon="scan" @clickLeft="showCity" @clickRight="scan">
			<block slot:left>  //这个地方用这种写法即可解决
				<view class="city">
					<view><text style="font-size: 14px">北京</text></view>
					<uni-icons type="arrowdown" color="#333333" size="22" />
				</view>
			</block>
			<view class="input-view">
				<uni-icons style="line-height: 30px;" type="search" size="22" color="#666666"/>
				<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词" @confirm="confirm">
			</view>
		</uni-nav-bar>

** 官方文档**