uniapp svg 点击会出现边框

要在Uniapp中实现SVG点击时出现边框的效果，你可以使用以下步骤：

1. 在你的SVG元素上添加一个点击事件监听器。可以使用`@click`指令来实现，例如：`@click="handleClick"`。

2. 在Vue实例或组件的方法中定义`handleClick`函数，用于处理点击事件。

3. 在`handleClick`函数中，通过操作数据来设置一个标志位，表示是否要显示边框。例如，你可以在data中定义一个`showBorder`变量，并在点击事件中将其值设置为true。

4. 在SVG元素的样式中，使用条件渲染（v-bind）来根据`showBorder`的值来动态添加边框样式。例如，可以使用类绑定的方式，通过添加一个类来设置边框样式。

这是一个简单的示例代码：

<template>
  <div>
    <svg @click="handleClick" :class="{ 'svg-border': showBorder }">
      <!-- SVG内容 -->
    </svg>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showBorder: false
    };
  },
  methods: {
    handleClick() {
      this.showBorder = true;
    }
  }
};
</script>

<style scoped>
.svg-border {
  border: 2px solid red;
}
</style>

这样，当你点击SVG元素时，会触发点击事件并将`showBorder`值设为true，从而添加一个带有边框样式的类到SVG元素上，达到显示边框的效果。