我们可以使用纯 JS 以编程方式向元素添加自定义属性,例如 element.attr('data-attr', someValue)
,但是像 v-if
这样的 Vue 指令又如何呢
给定以下元素
<p v-html="data.title"></p>
如何以编程方式添加 v-if?我问这个是为了自动化,因为将有数百个可能存在也可能不存在的动态变量。
期望的结果是
<p v-if="data.title" v-html="data.title"></p>
我知道的唯一步骤是使用 ref
获取 created()
中的元素。
根据声明 - 将有数百个可能存在或可能不存在的动态变量。但是如果我在您的评论中看到,您说 >无循环。那么你如何渲染动态元素?
根据我的理解,您希望将数据属性动态绑定到 HTML 模板中。您可以尝试一下这个解决方案,看看它是否符合您的要求。
上面的代码片段始终适用于现有的动态属性。