vue.js 帕格在同一行中渲染2个模板

wko9yo5t  于 2022-11-25  发布在  Vue.js
关注(0)|答案(1)|浏览(159)

有没有办法在一行中呈现这两个模板?

v-flex.compact
          p(id='correspondence-comment-content' v-html='displayContent')
          span
        template(v-if='correspondence.createdBy === currentUser && isTicketEditable')
            a(@click='openEditDialog')
              | Edit
        template
          span
            v-tooltip(top)
              template(#activator='{ on: ontooltip }' #prepend)
                v-btn.float-right(
                  id='copyButton'
                  ref='copyBtn'                    
                  x-small
                  v-on='{...ontooltip}'
                  @click='copyContent'
                )
                  v-icon(small color='grey darken-2' right) $vuetify.icons.faCopy
              span Copy content

我一直在尝试添加span或移动代码,但还不能修复它。此代码呈现,但在2行,我基本上希望此代码在一行。
任何想法都很有帮助!谢谢:)

xqkwcwgp

xqkwcwgp1#

我实际上是在一个同事的帮助下想到这一点的,在2个模板上方添加一个v-flex.compact,如下所示:

v-flex.compact
          p(id='correspondence-comment-content' v-html='displayContent')
          span
  v-flex.compact
        template(v-if='correspondence.createdBy === currentUser && isTicketEditable')
            a(@click='openEditDialog')
              | Edit
        template
          span
            v-tooltip(top)
              template(#activator='{ on: ontooltip }' #prepend)
                v-btn.float-right(
                  id='copyButton'
                  ref='copyBtn'                    
                  x-small
                  v-on='{...ontooltip}'
                  @click='copyContent'
                )
                  v-icon(small color='grey darken-2' right) $vuetify.icons.faCopy
              span Copy content

相关问题