标签: element-io

我在我的项目元素 UI 自动完成组件中使用。

当输入没有结果时，我想显示无结果消息。
在其他项目中，我将其作为建议框中的选项（不可选择）：

但是，使用 element-ui 自动完成功能，搜索图标消失后，下拉菜单也会消失：

对于这个组件我无法做到这一点。任何想法？

我的代码如下所示：

模板：

<el-form ref="addressForm" :inline="true" :model="formData">
    <el-form-item prop="city">
        <el-autocomplete
                class="inline-input"
                v-model="formData.cityInput"
                :fetch-suggestions="getCities"
                placeholder="City"
                :trigger-on-focus="false"
                :clearable="true"
                @select="handleSelectCity"
                @clear="clearCity"
                size="small"
        ></el-autocomplete>
    </el-form-item>
        :
        :
    <el-form-item>
        <el-button type="primary" @click="onSubmit" size="small">
            Search
        </el-button>
    </el-form-item>
</el-form>

脚本：

export default {
    data() {
        return {
            formData: {
                cityInput: "",
                city: "",
                :
                :
            },
        }
    },

    methods: {
        getCities(query, callback) {
            this.clearCity();

            // Ajax call to obtain results for autocomplete
            axios.get(
                "/cities", {
                    query: …

我在 vue.js 代码中分别使用日期选择器和时间选择器（使用 element.io），我的日期选择器和时间选择器给我的值是： date = ""2018-01-19T00:00:00.000Z" time = "2018 -05-20T00:06:30.000Z 日期和时间都是对象形式...现在我想创建新对象 dataTime = "2018-01-19T00:06:30.000Z"

如何创建它然后将其转换为 ISOStrinh 格式？