v-html自动生成p标签

v-html指令是用于将给定的HTML字符串插入到DOM元素中的，它不会自动添加p标签。如果你想要自动添加p标签，可以考虑使用一个过滤器或者一个自定义指令来实现。

下面是一个简单的过滤器示例，在给定的HTML字符串中自动添加p标签：

Vue.filter('addParagraphs', function (value) {
  if (!value) return ''
  return '<p>' + value.replace(/\n/g, '</p><p>') + '</p>'
})

在模板中使用该过滤器：

<div v-html="'Hello\nWorld' | addParagraphs"></div>

输出结果为：

<div>
  <p>Hello</p>
  <p>World</p>
</div>

注意：在使用v-html指令时要非常谨慎，因为它会直接将HTML代码插入到DOM中，可能会导致安全问题。