iview笔记

• table内容定制

columns: [
    {
        title: '表头名',
        key: '数据key名',
        render: (h, params) => {
            return h('标签', {
                ...属性,
                on: {
                    click: () => this.handleClick(params.row)
                }
            }, ...params.row.数据key名)
        }
    }
]
// 使用click事件时，一定要on: () => this.handleClick(), 
   或 on: function() { ... } 或 on: () => { ... }

• select ivu-select-input样式问题

<Select 
  v-model="model"
  filterable
  remote
  :remote-method="handleRemoteSelect"
  :loading="loading"
  placeholder="输入关键字搜索"
  :not-found-text="nodata"
  @click.native="handleRemoteSelect">
  <Option
    v-for="item in list"
    :key="item.value"
    :value="item.value" 
    :label="item.label">
    {{ item.label }}
  </Option>
</Select>
// 在filterable属性下，如果option不传label会导致ivu-select-input样式异常