<strong> 标签也被当作文本显示到画面上了
时间: 2023-12-07 14:06:08 浏览: 59
如果 <strong> 标签也被当作文本显示到画面上了,那么你可能需要使用 v-html 指令来解析 HTML 标签,如下所示:
```
<q-btn-toggle v-model="searchInfo.ViewType" flat toggle-color="primary" @click="bindBaseInfo" :options="[ {label: 'In Process', value: 'InProcess', tabSelected}, {label: 'In Clarification (<strong>' + InClarificationCount + '</strong>)', value: 'InClarification'}, {label: 'Supplement Event Details (<strong>' + SupplementEventDetailsCount + '</strong>)', value: 'SupplementEventDetails'}, {label: 'Completed', value: 'Completed'}, {label: 'All', value: 'All'}, ]" v-html="'In Clarification (<strong>' + InClarificationCount + '</strong>)'"/>
```
这样可以将 InClarificationCount 值周围的 <strong> 标签解析为 HTML 标签,使其加粗显示。但是要注意,使用 v-html 指令时必须确保数据是可信的,以避免 XSS 攻击等安全问题。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)