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>

 

相关文章
|
6月前
|
JavaScript 小程序
微信小程序 wxml 中使用 js函数
微信小程序 wxml 中使用 js函数
593 0
|
3月前
|
JavaScript
Vue2面包屑(Breadcrumb)
这篇文章介绍了如何在Vue 3框架中创建一个面包屑(Breadcrumb)组件,支持自定义路由数组、面包屑高度和分隔符。
Vue2面包屑(Breadcrumb)
|
6月前
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
173 0
|
3月前
Vue3面包屑(Breadcrumb)
该Breadcrumb组件允许自定义设置多个属性,包括路由数组、面包屑类名和样式、文本最大显示宽度、分隔符及样式、以及目标URL的打开方式。通过这些配置项,可以轻松实现不同样式的面包屑导航。组件支持点击跳转,并且能够处理带查询参数的路径。在线预览展示了其丰富的定制功能。可通过引入并在页面中使用该组件来快速构建导航结构。
Vue3面包屑(Breadcrumb)
|
6月前
|
JavaScript 前端开发
iconfont 图标在vue里的使用
iconfont 图标在vue里的使用
508 0
|
6月前
|
小程序 JavaScript 开发者
WXML模板语法-事件绑定
这篇文章主要介绍了微信小程序中的事件处理机制。事件是渲染层与逻辑层通信的方式,允许开发者响应用户行为。常见的事件有`bindtap`,用于处理点击事件。事件处理函数中,可以通过`event`对象获取相关属性,如`target`(触发事件的源头组件)和`currentTarget`(事件绑定的组件)。事件参数传递可通过`data-*`属性实现,然后在事件处理函数中通过`event.target.dataset`访问。此外,`bindinput`用于监听输入框变化,配合`detail.value`可以获取最新的输入值,并实现数据同步。
37 0
|
6月前
|
小程序 JavaScript 前端开发
【微信小程序】--WXML & WXSS & JS 逻辑交互介绍(四)
【微信小程序】--WXML & WXSS & JS 逻辑交互介绍(四)
|
6月前
|
小程序 JavaScript
微信小程序:如何在{{}}中使用函数?WXML+WXS
微信小程序:如何在{{}}中使用函数?WXML+WXS
474 0
|
11月前
|
小程序 JavaScript 容器
【微信小程序】WXML的模板语法与WXSS模板样式(一)
【微信小程序】WXML的模板语法与WXSS模板样式
81 0
|
11月前
|
JSON 小程序 前端开发
【微信小程序】WXML的模板语法与WXSS模板样式(二)
【微信小程序】WXML的模板语法与WXSS模板样式
113 0