怎么在el-tree 每行的前面加一个图片并且点击后可切换

可以在 el-tree 的 template 中添加一个 slot，使用 slot-scope 获取每个节点的数据，然后在每个节点前面添加一个图片，并绑定点击事件，在点击事件中切换图片。

示例代码：

<el-tree :data="data">
  <template v-slot="{ node }">
    <img :src="node.expanded ? 'open.png' : 'close.png'" @click="toggle(node)">
    {{ node.label }}
  </template>
</el-tree>

其中，`:data` 是 el-tree 的数据，`v-slot` 是 el-tree 的 slot，`node` 是 slot-scope 获取到的每个节点的数据，`toggle` 是方法，用于切换节点的展开状态。

在 methods 中定义 toggle 方法：

methods: {
  toggle(node) {
    this.$refs.tree.toggleNode(node)
  }
}

在 toggle 方法中使用 `$refs.tree` 获取到 el-tree 的实例，并调用 `toggleNode` 方法切换节点的展开状态。

最后，添加 open.png 和 close.png 两张图片作为节点的展开和关闭图标。

相关问题

怎么在el-tree 每行的前面加一个图片

在 el-tree 中，可以使用自定义节点来添加图片。具体步骤如下：

1. 在 el-tree 标签中添加 `:render-content` 属性，用来自定义节点的内容。

2. 在 `render-content` 中，返回一个自定义节点，使用 `<span>` 标签包裹图片和节点文本。

3. 在 `<span>` 标签中，使用 `style` 属性来设置图片的样式，使用 `class` 属性来添加图片的类名。

4. 在样式中，使用 `background-image` 属性来设置图片的路径。

以下是示例代码：

<el-tree :data="data" :render-content="renderContent"></el-tree>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '节点1',
          children: [
            {
              label: '节点1-1'
            },
            {
              label: '节点1-2'
            }
          ]
        },
        {
          label: '节点2',
          children: [
            {
              label: '节点2-1'
            },
            {
              label: '节点2-2'
            }
          ]
        }
      ]
    }
  },
  methods: {
    renderContent(h, { node, data }) {
      return (
        <span>
          <span
            class="tree-icon"
            style={{
              backgroundImage: `url(${node.icon})`
            }}
          ></span>
          {node.label}
        </span>
      );
    }
  }
}
</script>

<style>
.tree-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  background-size: 100% 100%;
}
</style>

上述代码中，使用 `node.icon` 来获取节点的图片路径，使用 `backgroundImage` 属性来设置图片的样式。在样式中，使用 `backgroundSize` 属性来设置图片的大小。

怎么在el-descriptions的title右边加一个el-button，请给出代码

很抱歉，这个问题可以回答。以下是具体的代码实现：

<el-descriptions title="订单信息">
  <el-descriptions-item label="订单编号">D12345678</el-descriptions-item>
  <el-descriptions-item label="订单状态">待发货</el-descriptions-item>
  <el-descriptions-item label="操作">
    <el-button type="primary">发货</el-button>
  </el-descriptions-item>
</el-descriptions>

上述代码中，我们在 `<el-descriptions-item>` 的标签内部，添加了一个 `<el-button>` 元素，这样就可以在 `title` 标题右边加一个按钮了。