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