vue-element-admin <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" >新增</el-button> 为啥显示但是移动到按钮上和点击按钮都没有反应
时间: 2023-12-05 21:47:43 浏览: 65
这可能是因为 `handleAdd` 方法没有正确绑定或者没有实现。请先确保 `handleAdd` 方法已经定义且在 `methods` 对象中进行了绑定。如果已经绑定,那么可以通过在 `handleAdd` 方法中加入一个 `console.log` 语句来检查方法是否被正确调用。此外,还可以检查浏览器控制台是否有报错信息,以确定是否存在其他问题。
相关问题
vue-element-admin中<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" >新增</el-button>点击按钮没有反应
可能是因为你的 `handleAdd` 方法没有正确绑定到组件中。请确保在组件的 `methods` 中定义了 `handleAdd` 方法,然后在组件中使用 `v-on:click` 或者简写的 `@click` 绑定该方法。另外,也可以在浏览器的开发者工具中检查是否有报错信息。如果有报错信息,请检查代码中是否有语法错误或者其他问题。
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']" >新增</el-button><el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']" >新增</el-button>是vue-element-admin中的,该按钮点击后没有反应
在vue-element-admin中,`v-hasPermi`是一个自定义指令,用于控制用户是否有权限操作某个功能,如果用户没有相应的权限,则会禁用该按钮。但是,在您提供的代码中,两个按钮的`v-hasPermi`属性值相同,这可能导致两个按钮都被禁用,从而导致点击后没有反应。
您可以检查`v-hasPermi`指令的实现代码,并确保根据您的权限配置,正确地渲染这些按钮。另外,您还可以检查控制台是否存在任何错误或警告信息,这些信息可能有助于确定为什么按钮没有反应。
阅读全文