nazgrim v0.0.9

nazgrim

description

目前表格依赖依赖vue、element-ui框架

• element-ui ^2.4.5
• vue ^2.6.11

install

npm install nazgrim

demo

<template>
  <div id="app">
    <el-button @click="showTableData">123</el-button>
    <ntable :table-columns="tableColumns" :form-rules="rules" :table-data="tableData" />
  </div>
</template>

<script>

export default {
  name: 'app',
  data() {
    return {
      tableColumns: [
        {
          prop: "date",
          label: "日期",
          width: "150"
        },
        {
          prop: "name",
          label: "姓名",
          width: "150"
        },
        {
          prop: "sex",
          label: "年龄",
          width: "150"
        },
        {
          prop: "province",
          label: "省份",
          width: ""
        },
        {
          prop: "city",
          label: "城市",
          width: "150"
        },
        {
          prop: "address",
          label: "地址",
          width: "150"
        }
      ],
      rules: {
        date: [
          { required: true, message: '请输入时间', trigger: 'blur' },
          { min: 3, message: '最低长度', trigger: 'blur' }
        ],
        name: [
          { required: true, message: '请输入名称', trigger: 'blur' },
        ],
      },
      tableData: []
    }
  },
  methods: {
    showTableData() {
      console.error(this.tableData);
    }
  }
}
</script>