大佬们 vue 这段动态渲染的代码为什么不行

2020-04-09 15:14:48 +08:00
 Ritter

用了 elementui 组件 想动态渲染一部分 html 片段 但是为什么没有数据 新手求教 谢谢

3450 次点击
所在节点    Vue.js
34 条回复
Ritter
2020-04-09 15:18:46 +08:00
挠头
Ritter
2020-04-09 15:40:20 +08:00
挠头*2
wunonglin
2020-04-09 15:41:26 +08:00
看着你的代码我也只能挠头*3
also24
2020-04-09 15:42:41 +08:00
Vue.extend( options ) 那一句,data() 上的 warning 是怎么回事儿?
Ritter
2020-04-09 15:42:49 +08:00
Ritter
2020-04-09 15:44:28 +08:00
@also24 哪个 warning 有红线的只是 eslint 的问题
qq316107934
2020-04-09 15:46:36 +08:00
这...都用了 vue 了为啥还要直接操作 DOM
also24
2020-04-09 15:46:54 +08:00
@Ritter #6
你和我说的是同一行嘛?我说的是 data() 上的 warning 那里。
虽然我不会写前端,但是看文档的话,难道不是 data: function () 这样写么?

https://cn.vuejs.org/v2/api/index.html#Vue-extend
jjianwen68
2020-04-09 15:48:39 +08:00
转换思想,用 vue 了就不要按 jquery 那套了吧
murmur
2020-04-09 15:51:46 +08:00
template 部分有语法错误么,我这看似乎是 column 都没渲染出来啊,表头呢
murmur
2020-04-09 15:52:20 +08:00
@also24 es6 语法了解下,data()就是 function
Ritter
2020-04-09 15:53:27 +08:00
@also24 data()上面没有 warning 这个是 es6 的语法
Ritter
2020-04-09 15:55:26 +08:00
@qq316107934
@jjianwen68
因为在 echarts tooltip 格式化函数只能返回 html 片段 我又想在里面用 elementui 组件
rain0002009
2020-04-09 15:57:21 +08:00
您瞧瞧 您这代码和官网例子的区别
Ritter
2020-04-09 15:59:34 +08:00
@murmur 应该没有 看类名 el-table 组件已经被编译了 但是数据没有填进去
Ritter
2020-04-09 16:00:13 +08:00
@rain0002009 图裂了 老哥
rabbbit
2020-04-09 16:00:23 +08:00
tipComponent.$nextTick(() => {
...const html = tipComponent.$el.outerHTML
...console.log(html)
})
also24
2020-04-09 16:02:10 +08:00
@murmur #11
@Ritter #12
soga,js 果然博大精深

14 楼贴的图是
https://cn.vuejs.org/v2/api/index.html#vm-mount
rabbbit
2020-04-09 16:02:14 +08:00
直接取当然没变化, Vue 不会立刻修改 Dom.
shintendo
2020-04-09 16:08:07 +08:00
17L 正解。
话说你这用法也实在诡异

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/660817

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX