uniapp插件mp-html中的editable 怎么传值？

这是mp-html中editbale的插件
https://jin-yufeng.gitee.io/mp-html/#/advanced/plugin?id=editable 官网

index.vue
class="iconfont icon-biaoge" data-method="insertTable"  @tap="edit" />


index.js文件
 /**
   * @description 在光标处插入一个表格
   * @param {Number} rows 行数
   * @param {Number} cols 列数
   */
  vm.insertTable = function (rows, cols) {
    const table = {
      name: 'table',
      attrs: {
        style: 'display:table;width:100%;margin:10px 0;text-align:center;border-spacing:0;border-collapse:collapse;border:1px solid gray'
      },
      children: []
    }
    for (let i = 0; i < rows; i++) {
      const tr = {
        name: 'tr',
        attrs: {},
        children: []
      }
      for (let j = 0; j < cols; j++) {
        tr.children.push({
          name: 'td',
          attrs: {
            style: 'padding:2px;border:1px solid gray'
          },
          children: [{
            type: 'text',
            text: ''
          }]
        })
      }
      table.children.push(tr)
    }
    insert(table)
  }

该回答引用ChatGPT

在 HTML 中，可编辑元素通常使用 contenteditable 属性来标记，这个属性的值可以设置为 true 或者 false，表示是否可以编辑。因此，你可以在 i 标签上添加 contenteditable 属性，并在 Vue 组件中使用 v-bind 或简写的 : 语法将值绑定到 editable 属性上。例如：

index.vue:

<i class="iconfont icon-biaoge" data-method="insertTable" :contenteditable="editable" @tap="edit" />

index.js:

// data 中需要定义一个变量 editable
data() {
  return {
    editable: false
  }
}
// 然后在 edit 方法中切换 editable 的值
edit() {
  this.editable = !this.editable
}