时间戳

首页 > 解决方案 > 如何更改 QEditor 插槽的宽度？

quasar-framework - 如何更改 QEditor 插槽的宽度？

问题描述

我正在使用（可能滥用:|）QEditor 的工具栏来添加<q-input>

  <q-editor
      model-value="undefined"
      v-model="note.text"
      @click="noteClicked(note)"
      @blur="noteBlurred(note)"
      :toolbar="[['title'], ['tags']]"
  >
    <template v-slot:title>
      <q-input model-value="undefined" v-model="note.title" autofocus dense />
    </template>
    <template v-slot:tags>
      <q-chip v-for="tag in note.tags" removable @remove="removeTag(note, tag)" color="primary" text-color="white" :label="tag">
      </q-chip>
    </template>
  </q-editor>

游乐场：https ://codepen.io/WoJWoJ/pen/yLMKWvJ

我想让title插槽更宽 - 我该怎么做？

标签： quasar-framework

解决方案

解决方案是添加一个类width: 30vw

推荐阅读