第一种方法：直接使用v-html可以解决。
第二种方法（比较复杂）：
- 先设置标签的ref属性
这里的{{li.mack}}的值是"<span style=\"color: #FFFFFF;background: #AB7FD1;border-color: #AB7FD1\">爆品</span>" - 再在mounted中获取到该元素并显示在页面中
list[m]是data里面的数据，根据自己的情况而定。
下面是我的data数据
这样就显示出来了，如图：
相关文章
- vue上传文本文件后读取文本文件中的内容，并用js-yaml处理数据
- springboot +layui实现1获取输入框值2显示table:请求后台读sch文本数据并回显给table3改变table值：请求传值写入opt文本中的功能
- Vue项目中，如何实现HTML标签后，修改标签内的文本
- Vue将所展示文本内容的换行与空格显示出来
- IOS中如何显示带有html标签的富文本
- Vue 中获取下拉框的文本及选项值
- HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法；让文本域前面的内容显示在左上角，居中 - Chen_s
- 用.sql文件通过navicat导数据到mysql中，大文本会显示BLOB的问题
- vue文本中的标签不以文本的形式显示
- Winform主菜单两种实现方式-1.）从工具箱中双击MenuStrip控件，窗体的顶部就会放置一个MenuStrip控件，或者在工具箱中单击MenuStrip控件,拖至窗体中也可以. 2.）在MenuStrip的“Type Here”输入主菜单和菜单名字，热键用（&X）表示. 用快捷键选择主菜单，可以用Alt + 预定义的按键来实现，子菜单的选择只需要按定义的热键即可. 3.）双击File*菜单下面的子菜单，创建子菜单Open、Save、Exit的单击事件代码： private void OpenOToolStripMenuItem_Click(object sender, EventArgs e) { OpenFileDialog ofd = new OpenFileDialog { //初始化打开对话框的路径 InitialDirectory = @"D:\", Title = "Open File", //定义可显示的文件类型； Filter = "txt file(*.txt)|*.txt|All file(*.*)|*.*", //定义默认显示的文件类型为txt FilterIndex = 1, //对话框关闭后将复位初始化路径 RestoreDirectory = true }; if (ofd.ShowDialog == DialogResult.OK) { //根据打开对话框选择的文件名，加载文本内容到富文本框中. richtxtContent.Text = File.ReadAllText(ofd.FileName); } } private void SaveSToolStripMenuItem_Click(object sender, EventArgs e) { SaveFileDialog sfd = new SaveFileDialog { //初始化保存对话框的路径 InitialDirectory = @"D:\", Title = "Save File", //定义可显示的文件类型； Filter = "txt file(*.txt)|*.txt|All file(*.*)|*.*", //定义默认显示的文件类型为txt FilterIndex = 1, //对话框关闭后将复位初始化路径 RestoreDirectory = true }; if(sfd.ShowDialog == DialogResult.OK) { //保存文件 File.WriteAllText(sfd.FileName, richtxtContent.Text); //清空富文本框内容 richtxtContent.Clear; } } private void exitEToolStripMenuItem_Click(object sender, EventArgs e) { Application.Exit; } 4．）执行下程序，加载指定的txt文件到富文本框中，如下： 5.）在富文本框中更新加载进来的txt文件内容. 6.）Alt + F热键打开文件的下拉菜单，单击S保存富文本框中的内容到指定的文件.打开txt验证菜单单击事件保存文件成功. 二．实现winform主菜单的方法2：MenuStrip类和toolStripMenuItem类实例化对象，在主窗体加载事件中实现如下代码：