在el-checkbox 中 添加图片

要在 `el-checkbox` 中添加图片，可以使用 `el-checkbox` 的 `label` 属性来实现。首先，将 `label` 属性设置为一个 HTML 元素，如 `<label>`，然后在其中添加 `<img>` 标签来显示图片。

例如，以下代码将在 `el-checkbox` 中添加一张图片：

<el-checkbox label="<label><img src='image.jpg' alt='checkbox with image'></label>">
  Checkbox with image
</el-checkbox>

在这个例子中，`label` 属性的值是一个包含 `<img>` 标签的 `<label>` 元素。`<img>` 标签用于显示图片，可以使用 `src` 属性指定图片的 URL，`alt` 属性为图片添加一个可选的说明文字。

你可以根据自己的需要，修改 `src` 和 `alt` 属性的值，以及添加其他的属性和样式来自定义图片的显示。

相关问题

vue2 el-tree自定义图标和是否显示复选框

在Vue2的el-tree组件中，可以通过自定义图标和是否显示复选框来定制树形菜单的样式。

要自定义图标，可以使用el-tree的自定义节点模板功能。首先，在el-tree的数据结构中，为每个节点添加一个icon属性，用于指定该节点的图标。然后，在el-tree的节点模板中，使用icon属性来动态设置节点的图标，可以是文字、图片链接或者其他HTML元素。这样就可以根据业务需求，为不同的节点指定不同的图标，使菜单更加直观和易于理解。

要控制是否显示复选框，可以通过el-tree的show-checkbox属性来实现。将show-checkbox设为true，即可显示所有节点的复选框；将show-checkbox设为false，则可以隐藏所有节点的复选框。同时，还可以根据业务需求，动态控制某些节点显示复选框，而其他节点不显示。

总的来说，通过el-tree组件的自定义节点模板和show-checkbox属性，可以灵活地定制树形菜单的外观和功能，满足各种业务需求。同时，Vue2的数据驱动特性和组件化开发模式，也使得操作这些特性变得更加简洁和高效。