怎么获取el-dialog下面选中的值

您可以使用以下代码获取el-dialog下面选中的值：

var selectedValue = document.querySelector('.el-dialog .el-select-dropdown__item.selected').innerText;

其中，'.el-dialog'是el-dialog的class名称，'.el-select-dropdown__item.selected'是选中的选项的class名称。您可以根据您的实际情况进行修改。

相关问题

el-dialog 内嵌入 el-autocomplete 选中一个选项后，怎么禁止el-dialog自动关闭

要禁止el-dialog在el-autocomplete选中一个选项后自动关闭，你可以通过以下步骤实现：

1. 在el-dialog组件上添加一个`@close`事件监听器，用于捕获对话框关闭的事件。
2. 在el-autocomplete组件上添加一个`@select`事件监听器，用于捕获选中选项的事件。
3. 在`@select`事件处理程序中，使用`event.stopPropagation()`方法来阻止事件冒泡，从而阻止el-dialog组件的`@close`事件被触发。

下面是一个示例代码：

<template>
  <el-dialog :visible.sync="dialogVisible" @close="handleDialogClose">
    <el-autocomplete v-model="selectedOption" :fetch-suggestions="fetchSuggestions" @select="handleAutocompleteSelect">
      <!-- el-autocomplete的内容 -->
    </el-autocomplete>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      selectedOption: '',
      // 其他数据...
    };
  },
  methods: {
    fetchSuggestions(queryString, callback) {
      // 获取选项列表的逻辑...
    },
    handleDialogClose() {
      // 对话框关闭的处理逻辑...
    },
    handleAutocompleteSelect(item) {
      // 选中选项的处理逻辑...
      event.stopPropagation(); // 阻止事件冒泡
    },
  },
};
</script>

这样，当你在el-autocomplete组件中选择一个选项时，el-dialog组件不会自动关闭。你可以根据自己的需求在`handleAutocompleteSelect`方法中添加其他逻辑。

<div> <el-dialog title="选择另存组件类型" :visible.sync="dialogVisible1" width="15%" custom-class="my-dialog" > <el-form ref="form" :model="params" label-width="100px"> <el-form-item label="应用类型："> <el-select v-model="paramsType.ctype" placeholder="请选择" @change="handleParamsTypeChange" class="my-select"> <el-option v-for="item in ctype" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="组件类型："> <el-select v-model="params.rtype" placeholder="请选择"> <el-option v-for="item in rtype" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogVisible1 = false">取 消</el-button> <el-button type="primary" @click.stop="saveWidgetToTemplate()">确 定</el-button> </div> </el-dialog> </div>在此代码中如何使用CSS样式表来设置el-select的选中文字样式

您可以使用以下CSS样式来设置el-select的选中文字样式：

/* 设置选中的文字颜色为红色 */
.el-select .el-select-dropdown__item.selected {
  color: red;
}

您可以将此样式添加到您的CSS样式表文件中，或者将其添加到页面的style标签中。这样，在el-select中选中的文字就会显示为红色。