如何解决如何将多行文本传递给 Vue.js 组件?
我已经编写了我的第一个 Vue 组件,用于我的第一个 VuePress 项目。
<template>
<div class="box">
<article class="media">
<div class="media-left">
<figure class="image">
<img :src=image :alt=imageDescription>
</figure>
</div>
<div class="media-content">
<div class="content">
<p>
<h2>{{ title }}</h2>
<br>
{{ description }}
</p>
</div>
</div>
</article>
</div>
</template>
<script>
export default {
props: [ "image","imageDescription","title","description" ],data() {
return {
isActive: true
}
}
}
</script>
以下是我如何使用该组件:
<MyComponent image="/images/awesome.png" imageDescription="Alternative image text." title="Example" description="Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sodales neque sodales ut etiam sit amet nisl purus in.
Suspendisse sed nisi lacus sed viverra tellus. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet.
Ipsum dolor sit amet consectetur adipiscing elit. Mus mauris vitae ultricies leo integer malesuada nunc vel risus. Hendrerit gravida rutrum quisque non tellus. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae."/>
如何告诉 Vue/VuePress 将 description
文本呈现为带有换行符的多行文本?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。