个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
在下面的单个文件模板中，我从后端加载用户汽车，将它们存储在商店模块的状态中，然后使用此组件中的结果来构建表。
操作是异步的，因此我使用 watch() 能够在每次更新汽车列表时重新渲染我的表。
问题:表格的初始化是由Javascript代码完成的，第二列显示2个按钮。当用户单击这些按钮之一时，我想做一些事情:但是 @click 或此处无法识别，因为它们是在组件安装后添加的。
如何强制重新渲染组件？
<template>
<div class="col-xl-8">
<div class="kt-datatable" id="cars_datatable"></div>
</div>
</template>
<script>
import { mapActions, mapGetters } from "vuex";
export default {
created: function() {
this.getUserCars();
},
computed: {
...mapGetters(["userCars"])
},
methods: {
...mapActions(["getUserCars"])
},
watch: {
userSites: function() {
const options = {
data: {
type: "local",
source: this.userCars,
pageSize: 5
},
layout: {
theme: "default",
class: "",
scroll: !1,
footer: !1
},
sortable: !0,
pagination: !0,
columns: [
{
field: "name",
title: "Name"
},
{
field: "Actions",
title: "Actions",
sortable: false,
width: 110,
overflow: "visible",
autoHide: false,
template: function() {
return '\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
}
}
]
};
$("#cars_datatable").KTDatatable(options);
}
}
};
</script>
<style></style>
最佳答案
我发现您已经在使用 JQuery，因此最简单的解决方案是使用动态 jQuery.fn.on 方式来注册事件处理程序。该处理程序将识别您动态添加的元素。 Read more here
关于javascript - VueJS : How to force recompile of <template> after modifying dom，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55496482/
24
4
0
我有一个表，其中包含带有订单字段的项目，我用这些字段将它们画在树上。 CREATE TABLE items ( menuId INTEGER, itemId INTEGER,
我正在关注这个 YouTube他们使用的教程Modifier.preferredSize()在一个盒子上和 Modifier.preferredHeight()在 Spacer Composable
当删除包含 UserSession.insert 的 if 语句时，一切正常。但是当它被包含时，我们会收到有关无效修饰符的错误。 出了什么问题？谢谢! 服务器/helpers/b.s Meteor.s
我已经为我的 Android 项目构建了一个注释处理器，它使用 JavaPoet 构建了一个源文件。但是，每次我需要对任何 JavaPoet 对象调用 addModifiers 时，Android S
我应该在哪里设置像 CreatedDate、CreatedBy、ModifiedDate、ModifiedBy 这样的字段？我应该将当前用户上下文传递到存储库并将其设置在那里，还是更好的方法是在应用程
我可以以某种方式重构以下代码片段以摆脱 双修饰符声明 ? .block { &__element { rule: value; } &--modifier { rule:
我正在编写一个函数，它接受一个谓词 p 和一个列表。它返回 ([value],[state])，其中第一个列表包含通过 p 的元素，第二个列表包含未通过的元素。但是，当我运行 runState (my
在我的项目中，我使用了 Typescript@4.0.3它运行良好，但现在我将其版本更新为最新 Typescript@4.1.3它给了我很多错误。我无法在文档中找到任何内容，也没有任何想法如何解决此问
我正在开发一个通过表单发送数据的 Rails 应用程序。我想在表单发送之后，但在它被处理之前修改表单的一些“参数”。 我现在拥有的 {"commit"=>"Create", "authentici
我的问题是关于接口(interface)。我创建了一个接口(interface)并定义了四个方法:第一个方法是 private 方法；第二个是 default 方法；第三个是static方法；第四个是
好的，所以我当前正在尝试选择目录中的最新文件(本例中为/FSTP/LOGS)，但我想忽略包含字符串“DEBUG - null”但不是字符串的任何文件“DEBUG - MA”或“INFO - MA”。这
正是标题所说的。 Modifier.heightIn(...) 和有什么区别和 Modifier.prefferedHeigh() .在我的试验中，它们似乎以相同的方式工作。有谁知道何时使用什么以及在
我在项目中使用 Android Volley Networking 库。 当我自己将带有 etag 的“if-None-Match”添加到 header 时，我没有得到 304，因为 Volley 还
我一直在阅读一些关于在从服务器发送响应时为 Last-Modified 设置 header 的文章。我了解它的用途，以及如何设置它等。 我也理解传入的 If-Modified-Since header
我一直在浏览 Ivy 文档，但我对默认 ivysettings.xml 有疑问在 ivy.jar 中找到。 我要做的就是将公共(public)存储库更改为我们拥有的本地 Maven 存储库。就是这样。
我是 Ruby 新手。这是一个使用任何语言的编程面试问题。我正在尝试用 Ruby 来做。 编写一个程序来输入给定的句子。用单词的第一个字母/#ofcharactersbetween1st&laSTLe
我收到以下代码A的警告信息，为什么？ 可选的 Modifier 参数应具有默认值 Modifier 代码A @Composable fun DisplayIcon( modifier: Mod
假设我想创建一个 Column与最宽的 child 一样宽Text在里面。为此，该列可以使用 .wrapContentWidth() 修饰符或 .width(IntrinsicSize.Max) ，但
我正在尝试用 Javascript 编写实现图形(数据结构)。为此，我有一个名为 Graph 的函数将该矩阵存储在名为 this.adjMatrix 的属性中的二维数组中。它还有很多方法。 我还想创建
即使在 Google PageSpeed(97) 和 Yahoo! YSlow(92) PHP 生成的缩略图似乎并不是被动地从旧缓存中获取的:它们似乎每次都生成......又一次......新鲜出炉，
我是一名优秀的程序员,十分优秀！