<body>
<div id="app">
<button @click="add">添加</button>
<div id="side"></div>
</div>
<script>
new Vue({
el: '#app',
methods:{
add(){
var div = document.getElementById('side');
div.innerHTML='<button @click="show"></button>'
},
show(){
alert('123')
}
}
})
</script>
</body>
如上面的代码？
其中由 js 插进去的 vue 有办法解析吗？
因为有用到插件的时候，插件利用 js 把 html 代码插入到了页面
 |
airylandJun 5, 2017 via iPhone
1
不能
|
 |
AKIJun 5, 2017
2
没办法解析，你可以把 dom 写进去，然后用一个 if 不就可以了么？
|
 |
TroevilJun 5, 2017
3
使用 v-if ,不要动态插入
|
 |
ldloodJun 5, 2017
4
为什么不用 v-show/v-if
|
 |
dnxbf321Jun 5, 2017
5
forceUpdate 试试
|
 |
cooJun 5, 2017
6
Vue 提供了 v-html 功能。
|
 |
mufengJun 5, 2017
7
v-if 就好了
|
 |
az8321550924Jun 5, 2017
8
你要明白什么是声明式语法
|
 |
AresnJun 5, 2017
9
可以的。iView 项目的 2.0.0-rc.13 版本之前，Table 组件都是用这种方法来自定义渲染单元格内容。代码详见：
https://github.com/iview/iview/blob/2.0/src/components/table/cell.vue 但这种办法在某些情况下是存在问题的（比如计算属性），所以 rc.14 版本开始使用 Render 函数了。 |
 |
ExploreWayJun 5, 2017
10
正在学习 vue，楼主能问一下，express 和 vue 有什么关系，区别，联系吗？怎么结合在一起开发，有相关的案例或教程吗？新手，希望指导。
|
 |
wxsmJun 5, 2017
11
不行。不过就算可以，这种垃圾代码写出来良心不会痛吗。
|
 |
wly19960911Jun 5, 2017
12
@ExploreWay
#10 express 是 nodejs 的一个后台服务器框架，区别不用说了， 联系是每次改变你的代码内容都需要重新进行 webpack 打包，他们使用 express 去作为服务器运行你的 vue 应用，然后每次改变自动打包，通过服务器自动把改变发给你当前调试这个 vue 应用的浏览器，不用手动刷新或者手动 webpack 打包 |
 |
skadiJun 6, 2017
13
强行写得话,你的 innerHTML 可以写[render]( https://cn.vuejs.org/v2/api/#render)
不过更好的方法不是大家都说了么. |
Select Language