TGJ Components

Appearance

EditSwitchName 快捷重命名 ​

名称快捷重命名组件。

引入 ​

组件位置 ​

/pages/component/editSwitchName/index

在 app.json 或 index.json 中引入组件：

json
"usingComponents": {
  "editSwitchName": "/pages/component/editSwitchName/index"
}

代码演示 ​

基础用法 ​

xml
<editSwitchName 
    wx:if="{{ isShow }}"
    switchName="{{ deviceName }}"
    maxlength="{{ 10 }}"
    bind:confirmEdit="onConfirm" 
    bind:cancelEdit="onCancel">
</editSwitchName>
javascript
Page({
  data: {
    isShow: false,
    deviceName: '智能增氧机'
  },

  showEdit() {
    this.setData({ isShow: true });
  },

  onConfirm(e) {
    const newName = e.detail;
    this.setData({ 
        deviceName: newName,
        isShow: false 
    });
  },

  onCancel() {
    this.setData({ isShow: false });
  }
});

API ​

Props ​

参数说明类型默认值
switchName初始显示的名字string-
maxlength输入框最大字符限制number5

Events ​

事件名说明回调参数
confirmEdit点击“保存”按钮时触发value: string (修改后的名称)
cancelEdit点击“取消”按钮时触发-