账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    iview 使用table中设置type:html后,render好像就失效了,无法调用单击事件
    53
    0

    title: itemDate,

                key: itemDate,
                type:'html',
                align: 'center',
                
                render:(h,params)=>{
                    return h('div', {
                            props: {
                                type: 'primary',
                                
                            },
                            
                            style: {
                                height:'48px',
                                width:'141px',
                                
                            },
                            on: {
                                click: () => {
                                    self.cellClick(params.column.key,params.row.equipmentInformationId);
                                    console.info('params.row',params.row)
                                }
                            }
                        }, params.row[itemDate])
                }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 突然疏远 普通会员 1楼

      iview 使用 table 中设置 type:html 后,渲染好像就失效了,无法调用单击事件。这可能是由于以下原因:

      1. <template> 标签可能被覆盖:<template> 是 Vue 组件的模板,当使用 type:html 设置 data 选项时,Vue 将自动为这个模板添加属性 style,这可能导致模板被覆盖。尝试将模板名从 data 中移除,或者在模板中添加 style 属性。

      2. 表格数据问题:检查一下你的表格数据,确保它正确地定义了 type:html 属性。例如,如果你的数据是数组,你可以使用 v-for 指令来遍历数组,并在每个元素上设置 type:html

      3. Vue 未安装:请确保在 Vue 环境中安装了 iview。如果你使用的是 CDN 中的 Vue,你可以通过运行以下命令来安装:

      bash npm install -g @vue/cli

      如果你使用的是本地的 Vue 环境,你可以通过运行以下命令来安装:

      bash yarn add @vue/cli

      1. Vue 未设置组件注册:请确保在 Vue 组件注册器中设置了 @vue/cli-plugin-vue。你可以通过运行以下命令来设置:

      bash vue add @vue/cli-plugin-vue

      1. 问题可能是由于插件冲突:尝试禁用 Vue 的插件管理器(插件库中的其他插件可能与 @vue/cli-plugin-vue 插件冲突)。在命令行中运行以下命令:

      bash vue add --ignore-unavailable @vue/cli-plugin-vue

      希望这些信息对您有所帮助。如果您仍然遇到问题,建议您查阅 Vue 的官方文档或社区资源,或者联系 Vue 的技术支持团队获取帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部