小编Nik*_*yas的帖子

我正在从数据库中获取数据并通过将手动操作按钮列添加到 Ag-Grid 来填充它。现在，第一列由这些操作按钮组成，第二列包含 _id 我想隐藏第二列，但在 ag-grid 文档中，他们只提供了有关隐藏静态数据列的信息。这是我的具有列 def 的代码。

setMasterData (state, payload) {
if (!payload) {
  state.tableData.rows = [];
} else {
  // First column holds the buttons to delete the row item
  let cols = [{
    field: '',
    headerName: 'Actions',
    width: 200,
    colId: 'params',
    cellRendererFramework: 'gridEditButtons'
  }];
  cols = cols.concat(Object.keys(payload[0]).map(x => {
    return {
      field: x,
      headerName: x.replace(/([A-Z])/g, ' $1').replace(/^./, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); })
    };
  }));
  state.tableData.cols = cols;
  state.tableData.rows = payload;
 }
}

如何隐藏操作列之后的下一列？

我目前正在研究Vuetify，尝试Vue.js使用HTML从v-select中调用方法。但是@change事件没有正确选择条件。

<v-layout row wrap>
    <v-flex xs12 sm4>
      <!-- DropDown Combo -->
      <v-select v-model="selected"
        :items='dropdown_tables'
        append-icon='fa-angle-down'
        label='Select'
        persistent-hint
        return-object
        single-line
        @change='RefreshGrid'
        target='#dropdown'>
        </v-select>
        <!-- <p> {{`${selected}`}} </p> // this code gives the selected combo text -->
    </v-flex>
   </v-layout>
</v-container>

我的Javascript函数

 methods: {
   RefreshGrid: function () {
   let cName;
   if (this.selected === 'Business Area') {
    cName = 'businessArea';
   } else if (this.selected === 'Council') {
     cName = 'council';
   }
   let obj = {
    vm: this,
    collectionName: cName,
    action: 'masterData/setMasterData',
    mutation: …

我试图隐藏弹出对话框中的文本字段，以重新利用相同的组件进行编辑和删除功能。基本上我正在操纵对话框的标题，但对于删除功能，我希望用户只看到标题。但我在 Vuetify 上找不到任何隐藏所有文本字段的选项。

超文本标记语言

<v-text-field
   v-model="entryData[item]"
   :label="getLabel(item)"
   :disabled="setDisable(item)">
</v-text-field>

设置禁用功能

setDisable (colName) {
  return this.entryState === 'read' || colName.toLowerCase().indexOf('id') !== -1;
},

就像禁用一样，是否有任何可见性选项？