1.0.1 • Published 5 years ago
vue-bold-text v1.0.1
vue-bold-text
在项目中,我们会遇到要将后端返回的字符串里面的部分文字加粗的情形,这个时候,用v-html会有xxs的风险,所以我开发了这个插件,利用vue的函数式组件解决了这个问题。
Install
npm i vue-bold-text
Usage
<template>
<div id="app">
<h1>My Website</h1>
<bold-text
:keyword="keyword"
:content="content"
:tag="tag"
/>
</div>
</template>
<script>
import BoldText from 'vue-bold-text';
export default {
components: {
'bold-text': BoldText
},
data: {
return {
keyword: 'test',
content: 'This is a test!',
tag: 'p'
};
}
}
</script>
And you get:
<div id="app">
<h1>My Website</h1>
<p>
This is a <b>test</b>!
</p>
</div>
ToDo
- global replace
- give running example