Skip to main content

小程序 自定义属性

自定义属性 data-xxx#

可以获取元素的属性和值

获取元素上自定义的属性和值#

  1. 使用data-[name]的方式在元素行自定义属性且赋值
  2. 获取自定义属性值用：event.crueentTarget.setData
 <view data-postid_list="{{item.postId}}" bindtap="onGoTuDetail">

console.log

console.log打印 evevt在结果里

结果

例:

<text data-List="123" bindtap="getList">123</text>
getList: function (event) {    console.log(event.currentTarget.dataset.list) //123},

获取表单元素的值#

  • input:获取input输入框的值；

    1. 设置:bindinput=""绑定事件，

    2. 获取:event.detail.value获取值 直接获取值

组件上的自定义属性#

  1. 在引用组件的页面里定义title="123"，title属性名，"123"属性值
<!-- pages/index.wxml --><Index  title="123"/><Index  title="abc"/><!-- Index为组件名 -->
  1. 在组件的js文件中定义properties，和属性类型
//components/index.jsComponent({ // 组件的属性列表  properties: {    title:String  },})
  1. 在组件wxml文件中使用{{title}}
<!--components/index.wxml--><view class="container" >  <!-- 组件内容 -->  <view class="title">      {{title}}  </view></view>