常见问题

展示源码和预览功能

TIP

使用插件 vuepress-plugin-demo-container (opens new window)

Hello Vue

<template>
  <div class="red-center-text">
    <p>{{ message }}</p>
    <input v-model="message" placeholder="Input something..."/>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        message: 'Hello Vue'
      }
    }
  }
</script>
<style>
  .red-center-text {
    color: #ff7875;
    text-align: center;
  }
</style>

显示代码 复制代码 复制代码

table样式问题(element ,vxetable)

TIP

参考解决vuepress table样式污染(element ,vxetable) 样式错位 (opens new window)

在.vuepress/styles/index.styl中添加

vxe-table, .el-table   
  table
    border-collapse unset
    margin unset
    display inherit
    overflow-x unset
  tr
    border-top unset
    &:nth-child(2n)
      background-color unset
  th, td
    border unset
    padding unset