这是一个创建于 1582 天前的主题，其中的信息可能已经有所发展或是发生改变。
<template>
<package v-if="a">
<same-node>
<lots-nodes />
</same-node>
</package >
<same-node v-else>
<lots-nodes />
</same-node>
<template>
</lots-nodes /> 这里有很多个 elements，这样就有很大一段重复了，有什么办法解决吗？
20 条回复 • 2021-11-03 16:45:09 +08:00
 |
1
liyang5945 2021 年 9 月 18 日
v-html 绑定一个函数，函数里返回 html 字符串
|
 |
2
horseInBlack 2021 年 9 月 18 日
没看懂你这什么意思，下意识觉得这不是组件吗？定义好然后引用不就行了。
|
 |
3
ayase252 2021 年 9 月 18 日
<same-node /> 不能抽成一个组件？
|
 |
4
Rheinmetal 2021 年 9 月 18 日
element ui 有的组件支持 htmlstring 或者 vnode
|
 |
5
chairuosen 2021 年 9 月 18 日
正经解法是，用 render 方法，https://cn.vuejs.org/v2/guide/render-function.html
|
 |
6
vivalavida000 2021 年 9 月 18 日
抽组件啊
|
 |
7
jguo 2021 年 9 月 18 日
一般来说用这些前端框架之后就不该再在 html 层面考虑问题了
|
 |
8
94 2021 年 9 月 18 日
重复的部分继续组件化，然后 import 进来
|
 |
9
freedomT 2021 年 9 月 18 日  2
<component is="xxx" />
|
 |
10
wellsc 2021 年 9 月 18 日
为什么会有这种问题
|
 |
11
2i2Re2PLMaDnghL 2021 年 9 月 18 日
《分治》
|
 |
12
cyrbuzz 2021 年 9 月 18 日
可以用 #9 的方法，
``` <components :is="a ? 'package' : 'div'"> <same-node> <lots-nodes /> </same-node> </components> ``` |
 |
13
John60676 2021 年 9 月 19 日
1. 抽组件
2. 写 render 函数 |
 |
14
darknoll 2021 年 9 月 19 日
is 或者 render
|
 |
15
pluvet 2021 年 9 月 20 日
jsx?
|
 |
16
shilianmlxg 2021 年 9 月 29 日
谢谢大佬 学到了。有类似 学习如何封装组件的文章或者心得嘛。感觉自己写的代码不知道如何抽出来
@cyrbuzz |
|
17
cyrbuzz 2021 年 9 月 29 日
|
|
18
shilianmlxg 2021 年 9 月 29 日
@cyrbuzz 确实没试着造过轮子，谢谢大佬
|
|
19
cyrbuzz 2021 年 9 月 29 日
|
 |
20
chenjiangui998 2021 年 11 月 3 日
抽组件和 render 改动都大
比较好的做法是实现一个通用 Node 组件可以挂载任意 Html, Vnode 或者 组件, 类似 react 的高阶组件 |
Select Language