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

2020 年 4 月 9 日
 Ritter

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

4202 次点击
所在节点    Vue.js
34 条回复
Ritter
2020 年 4 月 9 日
挠头
Ritter
2020 年 4 月 9 日
挠头*2
shakaraka
2020 年 4 月 9 日
看着你的代码我也只能挠头*3
also24
2020 年 4 月 9 日
Vue.extend( options ) 那一句,data() 上的 warning 是怎么回事儿?
Ritter
2020 年 4 月 9 日
Ritter
2020 年 4 月 9 日
@also24 哪个 warning 有红线的只是 eslint 的问题
qq316107934
2020 年 4 月 9 日
这...都用了 vue 了为啥还要直接操作 DOM
also24
2020 年 4 月 9 日
@Ritter #6
你和我说的是同一行嘛?我说的是 data() 上的 warning 那里。
虽然我不会写前端,但是看文档的话,难道不是 data: function () 这样写么?

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

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

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

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

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

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

© 2021 V2EX