使用element-ui及其组件时遇到的问题

曾经终败给现在 2021-09-17 15:02 271阅读 0赞

#### 时间组件 ####

1.  问题：在使用日期组件时想要给其一个默认的日期，但始终赋值不上。  
    *解决办法*： 因为是去后台拿的数据，拿到的是一个number类型，但日期组件需要string类型才能正常使用。

#### 表格 ####

1.  cell-style 的用法。  
    `<el-table :data="tableData" :cell-style='cell' style="width: 100%">`

<template>
     <el-table :data="tableData" :cell-style='cell' style="width: 100%">
       <el-table-column prop="date" label="日期" width="180">
       </el-table-column>
       <el-table-column prop="name" label="姓名" width="180">
       </el-table-column>
       <el-table-column prop="address" label="地址">
       </el-table-column>
     </el-table>
    </template>
    
    <script>
    var Main = {
          data() {
            return {
              tableData: [{
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
              }, {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1517 弄'
              }, {
                date: '2016-05-01',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1519 弄'
              }, {
                date: '2016-05-03',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1516 弄'
              }]
            }
          },
          methods: {
          	cell({row, column, rowIndex, columnIndex}){
            	console.log(row, column, rowIndex, columnIndex)
            	// row  该行信息
            	//column 该列信息
            	// rowIndex  行的索引
            	// columnIndex  列的索引
            }
          }
        }
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
    </script>