vue el-descriptions-item上添加点击事件

vue el-descriptions-item上添加点击事件

给label如何添加点击事件

"破获刑事案件数"  :labelStyle="{'width':'120px','text-align':'center','color':'#1890FF','cursor':'pointer'}"> size="small" @input="addPersons" oninput="if(value){value=value.replace(/[^\d]/g,'')} if(value>9999){value=9999}" v-model.number="verifyForm.criminalNumber"></el-input>-descriptions-item>

.native 也不行

• 请看👉 ：vue+element:el-descriptions组件,自定义图片，适配移动端

<el-descriptions-item label="破获刑事案件数" @click="handleLabelClick" :labelStyle="{'width':'120px','text-align':'center','color':'#1890FF','cursor':'pointer'}">
  <el-input size="small" @input="addPersons" oninput="if(value){value=value.replace(/[^\d]/g,'')} if(value>9999){value=9999}" v-model.number="verifyForm.criminalNumber"></el-input>
</el-descriptions-item>

export default {
  methods: {
    handleLabelClick() {
      // 处理点击事件的代码
    }
  }
}

参考GPT和自己的思路：

要在vue el-descriptions-item的label上添加点击事件，可以在label中使用v-on指令绑定一个点击事件，具体操作如下：

<el-descriptions-item>
  <template #label>
    <span @click="handleLabelClick">破获刑事案件数</span>
  </template>
</el-descriptions-item>

在这个例子中，我们使用了template和#label来自定义label的内容，然后在label中绑定了一个点击事件handleLabelClick。你可以根据自己的需求来编写handleLabelClick函数并实现对应的功能。

需要注意的是，el-descriptions-item中的label是一个插槽内容，如果直接给label绑定事件是无效的，需要通过自定义label的方式来实现。同时，对于嵌套在label中的其他组件（如上面示例中的el-input），不需要额外添加点击事件，因为点击事件会自动传递到父元素（即label）。

参考：https://blog.csdn.net/qq_50661854/article/details/127748835