vue根据关键字截取字符串

可以使用 Vue 的 computed 属性来实现根据关键字截取字符串的功能。具体实现步骤如下：

1. 定义一个 computed 属性，例如 searchResult。

2. 在 computed 属性中使用 JavaScript 的字符串截取方法 slice()，将字符串从关键字处分割成两个部分，例如 str.slice(0, index) 和 str.slice(index + keyword.length)。

3. 在模板中使用 searchResult 属性来显示截取后的字符串。

以下是一个示例代码：

<template>
  <div>
    <input v-model="keyword">
    <p>{{ searchResult }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: 'Vue.js is a progressive framework for building user interfaces.',
      keyword: '',
    };
  },
  computed: {
    searchResult() {
      let index = this.str.toLowerCase().indexOf(this.keyword.toLowerCase());
      if (index >= 0) {
        return this.str.slice(0, index) + '<mark>' + this.str.slice(index, index + this.keyword.length) + '</mark>' + this.str.slice(index + this.keyword.length);
      } else {
        return this.str;
      }
    }
  }
};
</script>

在上述代码中，我们使用了一个标签 `<mark>` 来高亮显示关键字。你可以根据实际需要进行修改。