【优化】在封装的组件中使用自定义指令，根据传入的参数判断是否执行自定义指令

春晓_春眠花落

于 2024-03-27 19:44:57 发布

阅读量579

点赞数 4

分类专栏： bug收录文章标签： chrome javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_49668076/article/details/137087006

版权

文章讲述了如何在Vue项目中，将一个自定义指令应用到动态配置的列表中，通过判断某个字段来决定是否添加该指令。重点在于如何在父组件和子组件间传递布尔值，以控制是否启用指令的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原先写了一个自定义指令，直接用效果很好

然后后期要求放在子组件中，通过变量控制是否需要加这个自定义指令

文字描述有点不直观，直接贴代码：

1、父组件是一个动态配置的列表，整体结构都贴出来了，但是最重要的就是一行代码
:chinese-directive=“item.prop == ‘commodity’?true:false”，通过字段判断哪一列的输入框需要添加自定义指令

<el-table
      ref="standTables"
      class="mblclass"
      border
      :data="tableData"
      :row-key="getRowKeys"
      @select-all="selectAll"
      @select="select"
      :header-cell-class-name="headercellClass"
      :cell-class-name="clearEditPadding"
      :header-cell-style="headerCellStyle"
      style="font-size: 14px"
    >