通过php在vue中显示为原始html的mysql存储值。

<?php
// 建立与MySQL数据库的连接
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";

$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 从数据库中检索原始HTML值
$sql = "SELECT html_column FROM your_table";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // 将原始HTML值存储在变量中
    $htmlValue = $result->fetch_assoc()["html_column"];

    // 将原始HTML值转换为JSON格式
    $jsonData = json_encode($htmlValue);

    // 输出JSON数据
    echo $jsonData;
} else {
    echo "0 结果";
}

$conn->close();
?>

<template>
  <div>
    <div v-html="htmlValue"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      htmlValue: ''
    };
  },
  created() {
    // 发送异步请求到PHP后端获取原始HTML值
    fetch('getData.php')
      .then(response => response.json())
      .then(data => {
        this.htmlValue = data;
      });
  }
};
</script>