<el-input v-model="aaa" @change="true? getSearchList : null" ></el-input> 为什么change事件不触发

这段代码中，@change事件绑定了一个三目运算符，即当条件“true”成立时，执行getSearchList函数，否则不执行任何操作。如果aaa的值发生变化，但是条件“true”不成立，那么change事件就不会被触发。请检查条件是否正确，或者尝试将三目运算符改为简单的函数调用，例如：@change="getSearchList"，看看是否能够触发change事件。同时也要检查getSearchList函数是否正确定义和实现。

相关问题

<div :class="header == true ? 'search-box' : 'search-box1'" :style="{ width: $store.getters.contractNum == 2 ? '100%' : '' }"> <div class="slide"> <div> <span class="all_text" @click="cleanUpEvt">All</span> <!-- <el-input v-model="checkInput" style="width: 120px" size="mini" @focus="searchLabel1Evt" placeholder="标签查询" clearable @clear="clearEvt1"></el-input> --> <el-input v-model="frontOrderInput" style="width: 120px" @change="frontOrderEvt" size="mini" placeholder="ID查询" clearable @clear="clearEvt2"></el-input> <el-input v-model="authorInput" style="width: 120px" size="mini" @change="authorEvt" placeholder="选择作者" clearable @clear="clearEvt3"></el-input> <el-date-picker v-model="value2" style="width: 240px" type="daterange" @change="timeEvt" :picker-options="pickerOptions" size="mini" format="yyyy-MM-dd" value-format="yyyyMMdd" range-separator="" start-placeholder="开始日期" end-placeholder="结束日期" align="right"> </el-date-picker> </div> </div> </div> hader隐藏后出现时 slide中的内容随着 hander 同步并以动画展开的形式出现

这段代码是一个Vue组件中的模板代码，使用了条件渲染和动态样式绑定的语法。当header为true时，class为"search-box"，否则为"search-box1"。在header隐藏之后，slide中的内容会随着header同步并以动画展开的形式出现。其中包含了一个All的文本，三个输入框和一个日期选择器，分别对应标签查询、ID查询、选择作者和时间范围查询。同时还有一些事件绑定，如清空输入框和选择事件等。

<tr height="4" align="center" valign="middle"> <td>经度</td> <td><el-input-number size="mini" @change="infoChange" @focus="changeValue($event)" :step=0.1 v-model="curObj.lng"></el-input-number> </td> </tr>怎么通过focus获取“经度”？

通过focus事件获取"经度"的方法是在相应的元素上添加focus事件监听器，并在事件处理函数中获取相关信息。

在给定的代码片段中，你可以通过在el-input-number元素上添加@focus="changeValue($event)"来监听focus事件。在事件处理函数changeValue中，可以通过$event参数来获取事件对象，从而获取到触发该事件的元素。

具体代码示例：

<template>
  <tr height="4" align="center" valign="middle">
    <td>经度</td>
    <td>
      <el-input-number size="mini" @change="infoChange" @focus="changeValue($event)" :step="0.1" v-model="curObj.lng"></el-input-number>
    </td>
  </tr>
</template>

<script>
export default {
  methods: {
    changeValue(event) {
      // 获取触发焦点事件的元素
      const targetElement = event.target;
      // 获取元素的文本内容或其他属性值
      const labelText = targetElement.innerText;
      // 处理获取到的数据
      console.log("触发焦点事件的元素:", targetElement);
      console.log("对应的标签文本内容:", labelText);
    },
    infoChange() {
      // 其他逻辑处理
    }
  }
}
</script>

在上述示例中，changeValue方法是focus事件的处理函数，通过event.target可以获取到触发焦点事件的元素，从而获取到元素的相关信息，如标签文本内容(labelText)。你可以根据需要进一步处理获取到的数据。

希望这个示例能够帮助到你。如果你有任何进一步的问题，请随时提问。