当前位置：首页 > news >正文

Vue系列之指令 v-html

news 2025/9/16 10:53:40

文章の目录

1、v-html指令
2、基本用法
写在最后

1、v-html指令

v-html 指令类似于 v-text 指令，它与 v-text 区别在于 v-text 输出的是纯文本，浏览器不会对其再进行html解析，但v-html会将其当html标签解析后输出，类似于 JavaScript 中的 innerHTML。v-html 指令应尽量避免使用，否则会带来危险(XSS攻击跨站脚本攻击)，一般只在可信任内容上使用 v-html，永不用在用户提交的内容上。

2、基本用法

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><title>Document</title></head><body><div id="app"><div v-html="rawHtml"></div></div><script>var vm = new Vue({el: "#app",data: {rawHtml: "<span style='color: red'>v-html标签在渲染的时候被源码输出</span>"}});</script></body>
</html>

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！

Vue系列之指令 v-html

文章の目录 1、v-html指令2、基本用法写在最后 1、v-html指令 v-html 指令类似于 v-text 指令，它与 v-text 区别在于 v-text 输出的是纯文本，浏览器不会对其再进行html解析，但v-html会将其当html标签解析后输出，类似于 JavaScrip…...

编程日记 2023/12/19 1:08:09

Mac如何安装stable diffusion

今天跟大家一起在Mac电脑上安装下stable diffusion，在midjourney等模型收费的情况下如何用自己的电脑算力用上免费的画图大模型呢？来吧一起实操起来一、安装homebrew 官网地址：Homebrew — The Missing Package Manager for macOS (or Lin…...

编程日记 2023/12/19 1:05:06

Kubernetes (k8s) 快速认知

应用部署方式传统部署时代早期的时候，各个组织是在物理服务器上运行应用程序。缺点资源分配问题： 无法限制在物理服务器中运行的应用程序资源使用维护成本问题： 部署多个物理机，维护许多物理服务器的成本很高虚拟化部署时…...

编程日记 2023/12/19 1:04:05

Electron V28主进程与渲染进程互相通信总结

本文示例采用ElectronVue3TS编写，请读者理顺思路，自行带入自己的项目。注： 读本文前请先搞懂什么是主进程，什么是渲染进程。在Electron中有着ipcMain和ipcRenderer、contextBridge模块，以及创建窗口对象上的webCont…...

编程日记 2023/12/19 1:03:04

MySQL主从复制详解

目录 1. 主从复制的工作原理 1.1. 主从复制的角色 1.2. 主从复制的流程 2. 配置MySQL主从复制 2.1. 确保主服务器开启二进制日志 2.2. 设置从服务器 2.3. 连接主从服务器 2.4. 启动复制 3. 主从复制的优化与注意事项 3.1. 优化复制性能 3.2. 注意复制延迟 3.3. 处理…...

编程日记 2023/12/19 0:57:58

verilog基础语法-计数器

概述： 计数器是FPGA开发中最常用的电路，列如通讯中记录时钟个数，跑马灯中时间记录，存储器中地址的控制等等。本节给出向上计数器，上下计数器以及双向计数器案例。内容 1. 向上计数器 2.向下计数器 3.向上向下计数…...

编程日记 2023/12/19 0:50:52

有SCL,SDA,TRIG，I2C的元器件是什么？在哪找？proteus

寻找方法：...

编程日记 2023/12/19 0:48:51

再谈低代码开发——值得所有程序设计和开发者重视的建议！

前几天看到关于“低代码开发”的话题，简单的谈了些自己的看法，也看了一些朋友们各抒己见的好文章，今天想结合我们实际使用的开发平台和大家再做些探讨。在平台的简介中首先提出了这个大家一定很关心的问题： 一、“为什么使用低代…...

编程日记 2023/12/19 0:47:49

Docker部署MinIO对象存储服务器结合内网穿透实现远程访问

文章目录前言1. Docker 部署MinIO2. 本地访问MinIO3. Linux安装Cpolar4. 配置MinIO公网地址5. 远程访问MinIO管理界面6. 固定MinIO公网地址前言 MinIO是一个开源的对象存储服务器，可以在各种环境中运行，例如本地、Docker容器、Kubernetes集群等。它兼…...

编程日记 2023/12/19 0:46:48

USB2.0 Spec

USB System Description A USB system is described by three definitional areas: • USB interconnect • USB devices • USB host USB interconnect The USB interconnect is the manner in which USB devices are connected to and communicate with the host. USB Ho…...

编程日记 2023/12/19 0:40:44

prbs测试

PRBS是 Pseudo Random Binary Sequence 的简称，是一种伪随机序列，用于产生随机数据。 PRBS检测主要应用在设备开局或维护期间，在没有合适误码仪的情况下，使能了PRBS检测功能的设备自行发送PRBS码流，PRBS码流通过被测试网络，经远端设备环回(远端设备需要配置环回)，经过PR…...

编程日记 2023/12/19 0:39:43

计算机网络：数据链路层（VLAN）

今天又学到一个知识，加油！ 目录一、传统局域网的局限（促进VLAN的诞生） 二、VLAN简介三、VLAN的实现总结一、传统局域网的局限（促进VLAN的诞生） 缺乏流量隔离:即使把组流量局域化道一个单一交换机中…...

编程日记 2023/12/19 0:36:40

C# WPF上位机开发（动态添加控件）

编程日记 2023/12/19 0:35:39

MySQL进阶｜MySQL中的事务（一）

文章目录数据库事务MySQL中的存储引擎InnoDB存储引擎架构什么是事务事务的状态总结数据库事务 MySQL 事务主要用于处理操作量大，复杂度高的数据。比方我想要删除一个用户（销户）以及这个用户的个人信息、订单信息以及其他信息，这…...

编程日记 2023/12/19 0:31:35

设计模式策略模式讲解和代码示例

引言策略是一种行为设计模式，它将一组行为转换为对象，并使其在原始上下文对象内部能够相互替换。原始对象被称为上下文，它包含指向策略对象的引用并将执行行为的任务分派给策略对象。为了改变上下文完成其工作的方式，其他对象可以使用另一个对象来替换当前链接的策…...

编程日记 2023/12/19 0:25:30

Qt容器QStackedWidget小部件堆栈

# QStackedWidget QStackedWidget是Qt框架中的一个控件，用于在同一区域显示多个子控件，只有一个子控件可见。以下是一些常用的QStackedWidget函数： addWidget(QWidget *widget)：向QStackedWidget中添加一个子控件。 insertWidget(int index, QWidget *widget)：在指定位置…...

编程日记 2023/12/19 0:24:29

设计模式简单工厂工厂方法模式抽象工厂模式 Spring 工厂 BeanFactory 解析

工厂模式介绍工厂模式是我们最常用的实例化对象模式了，是用工厂方法代替new操作的一种模式。它是创建型模式。简单工厂简单工厂模式是指由一个工厂对象决定创建出哪一种产品类的实例, 但它不属于GOF 23种设计模式简单工厂适用于工厂类负责创建的对象较少的场景,…...

编程日记 2023/12/19 0:23:28

【Hive_03】单行函数、聚合函数、窗口函数、自定义函数、炸裂函数

1、函数简介2、单行函数2.1 算术运算函数2.2 数值函数2.3 字符串函数（1）substring 截取字符串（2）replace 替换（3）regexp_replace 正则替换（4）regexp 正则匹配（5&#xff…...

编程日记 2023/12/19 0:18:24

RabbitMQ手动应答与持久化

1.SleepUtil线程睡眠工具类 package com.hong.utils;/*** Description: 线程睡眠工具类* Author: hong* Date: 2023-12-16 23:10* Version: 1.0**/ public class SleepUtil {public static void sleep(int second) {try {Thread.sleep(1000*second);} catch (InterruptedExcep…...

编程日记 2023/12/19 0:17:23

java使用枚举类型解决if-else大量堆积

调用代码 import com.example.javaone.kk.MyEnum;public class Gst {public static void main(String[] args) {MyEnum eMyEnum.getById(1);System.out.println(e.getGetSize());} }被调用代码 package com.example.javaone.kk; public enum MyEnum {ENUM1(1,2),ENUM2(2,3),E…...

编程日记 2023/12/19 0:16:22

在软件开发中正确使用MySQL日期时间类型的深度解析

在日常软件开发场景中，时间信息的存储是底层且核心的需求。从金融交易的精确记账时间、用户操作的行为日志，到供应链系统的物流节点时间戳，时间数据的准确性直接决定业务逻辑的可靠性。MySQL作为主流关系型数据库，其日期时间类型的…...

编程新知 2025/8/10 5:27:29

Cursor实现用excel数据填充word模版的方法

cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中文章目录注意事项逐步生成程序1. 确定格式2. 调试程序注意事项直接给一个excel文件和最终呈现的word文件的示例，…...

编程新知 2025/8/23 5:46:26

23-Oracle 23 ai 区块链表（Blockchain Table）

小伙伴有没有在金融强合规的领域中遇见，必须要保持数据不可变，管理员都无法修改和留痕的要求。比如医疗的电子病历中，影像检查检验结果不可篡改行的，药品追溯过程中数据只可插入无法删除的特性需求；登录日志、修改日志…...

编程新知 2025/9/13 17:43:21

Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

今天呢，博主的学习进度也是步入了Java Mybatis 框架，目前正在逐步杨帆旗航。那么接下来就给大家出一期有关 Mybatis 逆向工程的教学，希望能对大家有所帮助，也特别欢迎大家指点不足之处，小生很乐意接受正确的建议&…...

编程新知 2025/9/15 20:19:21

Qwen3-Embedding-0.6B深度解析：多语言语义检索的轻量级利器

第一章引言：语义表示的新时代挑战与Qwen3的破局之路 1.1 文本嵌入的核心价值与技术演进在人工智能领域，文本嵌入技术如同连接自然语言与机器理解的“神经突触”——它将人类语言转化为计算机可计算的语义向量，支撑着搜索引擎、推荐系统、…...

编程新知 2025/8/15 19:59:33

第25节 Node.js 断言测试

Node.js的assert模块主要用于编写程序的单元测试时使用，通过断言可以提早发现和排查出错误。稳定性: 5 - 锁定这个模块可用于应用的单元测试，通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...

编程新知 2025/9/12 22:51:17

linux 下常用变更-8

1、删除普通用户查询用户初始UID和GIDls -l /home/ ###家目录中查看UID cat /etc/group ###此文件查看GID删除用户1.编辑文件 /etc/passwd 找到对应的行，YW343:x:0:0::/home/YW343:/bin/bash 2.将标红的位置修改为用户对应初始UID和GID： YW3…...

编程新知 2025/9/5 15:11:07