wxml

简介: 1 2 3 {{for}} 4 {{bar}} 5 6 7 8 9 10 {{a}} 11 {{b}} 12 {{c}} 13 ...
 1 <template name="objectCombine">
 2     <view>
 3         <text> {{for}} </text>
 4         <text> {{bar}} </text>
 5     </view>
 6 </template>
 7 
 8 <template name="objectCombine">
 9     <view>
10         <text> {{a}} </text>
11         <text> {{b}} </text>
12         <text> {{c}} </text>
13         <text> {{d}} </text>
14     </view>
15 </template>
16 <text> 使用对象 </text>
17 <template is="objectCombine" data="{{for: a, bar: b}}"> </template>
18 
19 <text>  对象展开 </text>
20 <template is="objectCombine2" data="{{...obj1, ...obj2, e: 5}}"> </template>
21 
22 
23 条件渲染:
24 <view wx:if="{{length > 1}}"> 1 </view>
25 <view wx:elif="{{length > 2}}" > 2 </view> 
26 <view wx:else> 3 </view>
27 
28 <block wx:if="{{length >1 }}"">
29     <view> 1 </view>
30     <view> 2 </view>
31 </block>

 

相关文章
|
4月前
|
JavaScript
Vue2面包屑(Breadcrumb)
这篇文章介绍了如何在Vue 3框架中创建一个面包屑(Breadcrumb)组件,支持自定义路由数组、面包屑高度和分隔符。
Vue2面包屑(Breadcrumb)
|
7月前
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
184 0
|
4月前
Vue3面包屑(Breadcrumb)
该Breadcrumb组件允许自定义设置多个属性,包括路由数组、面包屑类名和样式、文本最大显示宽度、分隔符及样式、以及目标URL的打开方式。通过这些配置项,可以轻松实现不同样式的面包屑导航。组件支持点击跳转,并且能够处理带查询参数的路径。在线预览展示了其丰富的定制功能。可通过引入并在页面中使用该组件来快速构建导航结构。
108 1
Vue3面包屑(Breadcrumb)
|
7月前
|
小程序 JavaScript
微信小程序:如何在{{}}中使用函数?WXML+WXS
微信小程序:如何在{{}}中使用函数?WXML+WXS
565 0
|
小程序 JavaScript 容器
【微信小程序】WXML的模板语法与WXSS模板样式(一)
【微信小程序】WXML的模板语法与WXSS模板样式
84 0
|
JSON 小程序 前端开发
【微信小程序】WXML的模板语法与WXSS模板样式(二)
【微信小程序】WXML的模板语法与WXSS模板样式
123 0
实现一个糊弄人的进度条layui+js
众所周知,进度条是一种烦人的东西╭(╯^╰)╮ 它用于实时显示处理任务的速度,完成度,剩余未完成任务量的大小,和可能需要处理时间。下面来一起写一个进度条叭
实现一个糊弄人的进度条layui+js
|
小程序 JavaScript 前端开发
微信小程序 | 小程序WXSS-WXML-WXS
微信小程序 | 小程序WXSS-WXML-WXS
|
JavaScript 前端开发 容器
js使用swiper实现轮播图
Swiper是一个流行的轮播图插件,它可以在移动端和PC端使用。以下是使用Swiper实现轮播图的基本步骤:
187 0
|
小程序 JavaScript
微信小程序-WXML的hidden属性
hidden 属性 • 在 Vue 中我们可以通过 v-show 来控制组件是否显示 • 在小程序中所有组件都支持hidden属性,我们可以通过hidden属性来控制组件是否显示隐藏
325 0