element ui 中@click写了函数失效

可能原因：

1. 函数名写错了；
2. 函数没有定义在当前组件中；
3. 点击事件被其他事件覆盖，导致函数没有执行；
4. 点击事件被禁用了。

解决方法：

1. 检查函数名是否正确，确保没有拼写错误；
2. 确认函数定义在当前组件中，或者使用this.$emit()触发父组件的事件；
3. 确认点击事件没有被其他事件覆盖，可以使用stopPropagation()阻止事件冒泡；
4. 确认点击事件没有被禁用，可以使用disabled属性控制是否禁用。

相关问题

jsp中element ui 中@click失效

如果在JSP中使用Element UI中的@click事件失效，可能是因为在引入Element UI时没有正确引入Vue.js，或者Vue.js版本与Element UI不兼容。解决方法如下：

1. 确认引入Vue.js的方式是否正确，应该在引入Element UI之前先引入Vue.js。

2. 确认Vue.js版本是否与Element UI兼容，可以到Element UI官网查看兼容版本。

3. 确认@click事件绑定的元素是否正确，例如绑定的是一个非交互式元素（如div、span等），则@click事件无法触发。

4. 如果以上步骤都没有解决问题，可以尝试使用其他事件（如@mousedown、@mouseup、@keydown等）来代替@click事件。

element ui table 用render函数排序失效

如果你使用 Element UI 的 Table 组件和 render 函数来自定义表格列，但是排序功能失效了，有可能是因为你没有正确地使用 sortable 属性。你需要在 render 函数中的对应列中设置 sortable 属性为 true，例如：

{
  label: '姓名',
  prop: 'name',
  sortable: true,
  render: (h, { row }) => {
    return h('div', row.name)
  }
}

这样就可以启用该列的排序功能了。同时，你也需要在 Table 组件中开启排序功能，通过设置 :sort-enabled="true" 来实现。例如：

<el-table :data="tableData" :sort-enabled="true">
  <!-- 自定义表格列 -->
</el-table>

希望这个解答能够帮到你！