使用bootstrap画的table,js返回内容是一段html代码，但是显示的是这段代码

Question

js:

/** 注册一个翻译用的Helper* */
Handlebars.registerHelper("opretion", function(n, r) {
    var result = '<button type="button" value="启用" />';
    return result;
});

前台显示：

    菜单URL              是否启用            操作
www.baidu.com   停用                <button type="button" value="启用" /> 
我想要显示一个按钮，怎么解决 有其他好的方法么。

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

你可以尝试使用<div>元素来包裹你的HTML代码，并在其中添加onclick事件处理程序。这将确保当用户点击按钮时，会触发相应的JavaScript函数。

以下是一个示例：

<table>
    <thead>
        <tr>
            <th>菜单URL</th>
            <th>是否启用</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>www.baidu.com</td>
            <td>停用</td>
            <td><button onclick="handleButtonClick(event)" value="启用">启用</button></td>
        </tr>
    </tbody>
</table>

<script>
function handleButtonClick(event) {
    // 在这里编写你需要执行的操作
}
</script>

在这个例子中，我们创建了一个包含三个单元格的表格。每个单元格都包含了三个列：菜单URL、是否启用和操作。然后，在<tbody>标签内，我们添加了一个按钮。这个按钮的值是"启用"，并且有一个onclick属性，用于调用我们的handleButtonClick函数。

在handleButtonClick函数中，你可以根据需要实现你自己的逻辑。例如，你可能希望在用户点击按钮时改变某个状态或者执行某些操作。

请注意，这种方法可能会导致一些性能问题，特别是如果你的页面非常大或者包含大量的数据。在这种情况下，考虑使用服务器端渲染（如使用Vue.js或React等框架）或者异步加载（如使用懒加载技术）。