高亮关键字，使用计算属性，有什么问题？

来源：11-7 searchBar ：提示关键字高亮处理

常小蛋

2023-10-12

/**
 * 关键词高亮
 */
const highLightWork = computed(() => (val) => {
  const regexp = new RegExp(props.searchText)
  const str = val.replace(regexp, '')
  return `<span class="font-[800] text-main">${props.searchText}</span>${str}`
})

老师，使用计算属性，实现关键字高亮效果，有问题么？

写回答

1回答

Sunday

2023-10-12

你好

这样也是可以的。应该可以实现对应的效果

基于 Vue3 ，打造前台+中台通用开发提效解决方案

42 种前台常见业务模型， 15 种中台通用组件，成为前端提效高手

788 学习 · 517 问题

查看课程

相似问题

高亮问题

回答 1

所以说关于构建记录每列高度的对象，为什么不构建为列表呢，在这个对象中的键值并没有实际上的作用

回答 1

想问一下isMobileTerminal用computed计算属性的意义

回答 1

请问老师这里如果用您给的正则，是不是就不用计算属性，也不需要引入后面那个库了？那还会影响后面的瀑布流吗？

回答 1

这个预先使用 use 注册的全局通用组件是没有组件属性提示的怎么才可以加上属性提示

回答 1

打开慕课网App查看更多内容