如何使用一个实时模板一次生成更多 <component >

Question

例如我需要生成许多自定义 vue 组件，例如

<span class="search-header-tag-span">create_at</span>
<el-date-pickerenter code here
    v-model="formSearch.refund_time"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="create_at"
>
</el-date-picker>
<span class="search-header-tag-span">create_at</span>
<el-date-picker
    v-model="formSearch.refund_time"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="create_at"
>
</el-date-picker>
<span class="search-header-tag-span">create_at</span>
<el-date-picker
    v-model="formSearch.refund_time"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="create_at"
>
</el-date-picker>

我有一个live模板可以生成一个，但是如何使用live模板一次生成多个

Answer 1

实时模板旨在将常用代码片段快速插入到您的代码中，因此根据设计将始终应用一次。等待对话框之类的东西打开并输入数字总是比多次触发模板慢。

但是，您可以 create 多个实时模板，名称如 vdp、vdp2、vdp3 等...（vdp vue 日期选择器）使用模板名称的后缀作为参数。然后你的元素将被一次插入多次。这有点类似于kotlin fun0, fun1, fun2 live templates，其中前缀用于表示函数中的参数个数。

vdp

<span class="search-header-tag-span">$PLACEHOLDER$</span>
<el-date-picker
    v-model="formSearch.refund_time"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="$PLACEHOLDER$"
/>

vdp2

<span class="search-header-tag-span">$PLACEHOLDER1$</span>
<el-date-picker
    v-model="formSearch.refund_time"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="$PLACEHOLDER1$"
/>

<span class="search-header-tag-span">$PLACEHOLDER2$</span>
<el-date-picker
    v-model="formSearch.refund_time"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="$PLACEHOLDER2$"
/>

然后您可以为每个 $PLACEHOLDER 参数输入一些内容，然后使用 TAB.

移动到下一个

免责声明。虽然我对 Vue 一无所知，所以我无法判断这些模板是否真的有意义。

如何使用一个实时模板一次生成更多 <component >

how do I use one live template to generate more <component > at once

intellij-idea

live-templates