vue中如何获取点击的那个<b>标签的文字内容

vue前端页面内容：

          <a-list>
            <a-list-item class="wangzhi1">
              <a-list-item-meta description="账号：个人电脑账号   密码：个人电脑密码">
                <a
                  slot="title"
                  style="font-size: 1vw"
                  target="_blank"
                  href="http://xxxxxx"
                  ><b>需要提取的文字内容</b></a
                >
              </a-list-item-meta>
              <div>
                <i
                  ><u
                    ><a target="_blank" href="http://xxxxxxx  "
                      >XXXXXXX</a
                    ></u
                  ></i
                >
              </div>
            </a-list-item>
          </a-list>

有很多个这样的a-list，class都是wangzhi1，想获取点击的那个“b”标签中的内容
注：b标签中的内容是写死的

给 b个 类名 。然后 用 innerText 属性

不明白你的的这个原始需求是什么，不过可以这样解决：
1.将a标签的链接使用click事件来拦截处理
2.获取b标签的ref
3.在click的响应函数里面获取b标签的内容，同时使用window.open函数来打开新的链接

<a style="font-size: 1vw;" target="_blank" @click="onClickLink">
      <b ref="refLinkValue">需要提取的文字内容</b>
    </a>

js的处理如下：

 onClickLink() {
      window.open('http://www.xxx.com','_blank')
      console.log('value= ', this.$refs.refLinkValue.innerHTML)
    },

内容是写死的，直接取不可以？

给a-list-item添加点击事件，通过e.target可以获取点击的dom。如果点击到的是b元素，直接innerHtml获取文本；如果不是b元素，就通过dom操作获取到b元素，然后innerHtml获取文本。

ps:判断元素名称用 e.target.nodeName === 'B'