Дубликат кода в компоненте vue.js с одним файлом

-1

В одном из моих компонентов часть шаблона повторяется дважды.Дубликат кода в компоненте vue.js с одним файлом

Можно ли что-то сделать так?

<template> 
    <div> 
     <div v-if='value'> 
     *** code here *** 
     include 'path_to_file.vue.part' 
     </div> 
     <div v-else> 
     ** another code here *** 
     include 'path_to_file.vue.part' 
     </div> 
    </div> 

</template>

источник

2017-02-20 Jackson J

Вы c создать в нем vue-компонент? – Saurabh

Да, я могу, но это будет сложно. Я просто хочу вставить несколько повторяющихся кодов. –

Но создание небольшого компонента - это обычный способ справиться с этим. Что делает его особенно тяжелым? –

Воспользоваться (named) slots:

<slot name="common"></slot>

Затем в шаблоне вы "импортирующей":

<p slot="common">some</p>

источник

2017-02-20 12:45:08

Нет, этот код сложнее. Он включает в себя другие компоненты. –

@JacksonJ смотреть обновленный ответ. –

Вы можете чередовать второй v-if как так:

<template> 
    <div> 
     <div v-if='value'> 
     *** code here *** 
     include 'path_to_file.vue.part' 
     </div> 
     <div v-if='!value'> 
     ** another code here *** 
     include 'path_to_file.vue.part' 
     </div> 
    </div> 

</template>

источник

2017-02-20 15:55:09 phippu

Дубликат кода в компоненте vue.js с одним файлом

ответ

Смежные вопросы