如何动态地向内容添加元素?示例如下:
<template>
{{{ message | hashTags }}}
</template>
<script>
export default {
...
filters: {
hashTags: function(value) {
// Replace hash tags with links
return value.replace(/#(\S*)/g, '<a v-on:click="someAction()">#$1</a>')
}
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
问题是,如果我按下链接,则不会触发任何操作.Vue看不到新元素.
我有一个对象的"库",我想从数据库中动态加载.每个对象都有自己的特殊函数,这些函数在特定时间根据对象类型调用.理想情况下,我希望能够做到这一点,虽然有人指出这不起作用:
library = {
"myObj" : {"name" : "myObj", "type" : "myType", "function" : function () { } } //, etc
}
Run Code Online (Sandbox Code Playgroud)
字符串"myObj"在我的程序中传递了很多,但我只需要一次访问对象的某些值,并且在某些情况下需要运行特定的函数.问题是我正在查看数百个,最终成千上万个可能存在不同功能的潜在对象.
存储要像这样调用的函数的"正确"方法是什么.我知道在执行期间调用eval会非常不安全,从而实现xss攻击等等.我真的想避免大量的switch语句或额外函数的膨胀加载.我也希望解决方案尽可能简洁.
这可能不是第一次出现.; /
谢谢你的帮助.