Tag: vue.js

在特定元素后追加动态vue组件: 我想基于其他元素的点击添加随机位置的组件（实际上不是随机的，基于某些逻辑）。在jQuery中，我们可以通过$(‘#someId’).append(‘element’)或$(‘#someId’).find(‘.someClass’).after(‘element’) 我想要实现的目标（jquery版本）： jsfiddle 如何在Vue中做到这一点？注意： v-for无法实现这一点v-for因为所有元素都不会按顺序出现或出现在同一个地方。此外，组件不应出现在初始化中，因为这是动态的。

VueJS手风琴表 – 基于实时系统的约束: 这个问题随后发布在这里： VueJS手风琴表 – 出现在表格之外 @Bert Evans提供的答案很好，但是，在我正在开发的系统中，存在一些不能使其工作的约束。主要的限制是我正在开发一个基于实时的系统，它利用了store因此当用户编辑某些内容时，会触发一个动作，从ajax调用中再次提取所有数据。提供的解决方案使用contentVisible ，虽然我可以在调用动作时映射它，但主要问题是无论何时调用动作，默认情况下contentVisible都设置为false ，导致手风琴关闭。我试图创建数据的副本，但是，这还不够。基本上，我需要一种方法来检测某人是否已点击某一行，然后在其下方显示手风琴。有什么建议？ console.clear() var vm = new Vue({ el: ‘#vue-instance’, data: { testing: [{ id: 1, name: “Customer 1”, contentVisible: false }, { id: 2, name: “Customer 1”, contentVisible: false }, { id: 3, name: “Customer 3”, contentVisible: false }, ], columns: [“id”, […]

如果使用带有导出默认值的vue，如何在jquery中调用vuejs函数: 在vuejs.org网站上有这个function。我想复制这个以测试一些代码，我正在使用jquery在表行上的click函数中编写。 $(“#table1 tr”).click(function () { // alert($(this).text()); // alert($(this).children(“td”).html()); // app.greet(); }); 我想在那里调用vue函数，但我的vue代码是在脚本中编写的，我正在使用export default。 export default { data() { return { } etc. } 如果我想在jquery中使用这个vue函数我该怎么称呼它。

如何将Vue组件插入动态位置？: 很多面板（产品）显示在多行和多列的页面中。我正在使用Vue 2，面板是组件。现在，在单击面板时，我想在该行的下方显示该面板的详细信息。这类似于Google图片搜索。例如，在上图中，如果我单击s1，s2或s3中的任何一个，则大面板将出现在s3（该行的最后一个元素）之后。同样，对于单击s4或s5，大面板出现在s5之后。 **一行中的项目数将根据屏幕大小而有所不同。如何找到行的最后一个元素并在该元素后插入一个组件？

将Select2选择绑定到Vue js模型数据: 我正在使用select2来增强html选择元素。我想将select元素的值绑定到Vue变量，但Select2似乎阻止了这一点。在保留Select2行为的同时，实现此数据绑定和事件监听的最佳方法是什么。我想这是将select2事件链接到Vue实例的情况。我已经做了一个演示问题的小提琴（不在下面运行，但在jsfiddle上工作）： $(‘#things’).select2(); new Vue({ el: “#vue-example”, data: { thing: null, thing2: null }, methods: { log: function(str) { $(‘#log’).append(str + “”); } } }); select { width: 50%; } Select2 Select Box One Two Three Four Five Native Select Box One Two Three Four Five {{ $data | json }}

如何在vueJs方法中设置超时: 我如何在vuejs方法中使用settimeout（）函数？我已经尝试过类似的东西，但它不起作用 fetchHole: function () { //get data }, addHole: function () { //my query add new setTimeout(function () { this.fetchHole() }, 1000) }, 我收到此错误消息： Uncaught TypeError: this.fetchHole is not a function

Vue辩解一种方法？: 我知道Vue.js内置了在输入字段上去抖的function。我已经创建了一个滑块来触发一个不使用输入字段的方法，我想知道我是否可以利用方法中的去抖function。是否可以在简单地向输入添加去抖动之外使用此function？或者我需要为此编写自己的function吗？我刚尝试过这样的事情，但它似乎不起作用： this.$options.filters.debounce(this.search(), 2000);

使用vue.js获取调用元素: 我想在vue.js中调用html元素来通过jQuery修改它。现在我给每个元素提供类名+索引，然后通过jQuery调用它，但这看起来像是一个疯狂的黑客。我想做的事： new Vue({ el: “#app”, data: { testFunction : function(element) { $(element).doSomethingWithIt(); //do something with the calling element } } }); 这是调用元素： Test 我可以将什么传递给函数来获取div元素，还是有另一种方法来实现它？

不会触发Vue js Readyfunction: 我有这个vue函数，其中基本上有两种方法。第一个postStatus用于在用户单击保存按钮后保存post，另一个getPosts用于从数据库中检索该用户的所有先前post。这是vue.js，其中有一个对控制器的ajax调用（在Laravel 5.3中） $(document).ready(function () { var csrf_token = $(‘meta[name=”csrf-token”]’).attr(‘content’); /*Event handling within vue*/ //when we actually submit the form, we want to catch the action new Vue({ el : ‘#timeline’, data : { post : ”, posts : [], token : csrf_token, limit : 20, }, methods : { postStatus : function (e) […]

使用AJAX初始化Vue数据: 我正在尝试用来自AJAX查询的JsonResult的数据填充Vue。当我从View Model中编码时，我的Vue接收数据就好了，但是当我尝试使用AJAX检索它时却没有。这是我的代码的样子： var allItems;// = @Html.Raw(Json.Encode(Model)); $.ajax({ url: ‘@Url.Action(“GetItems”, “Settings”)’, method: ‘GET’, success: function (data) { allItems = data; //alert(JSON.stringify(data)); }, error: function (error) { alert(JSON.stringify(error)); } }); var ItemsVue = new Vue({ el: ‘#Itemlist’, data: { Items: allItems }, methods: { }, ready: function () { } }); Item Year {{Item.DisplayName}} {{Item.Year}} […]