vue.js

6热度

2回答

我想使用Vue.js来更容易地操纵DOM，但是当我初始化一个Vue对象时，它会在操作之前重写最初使用后端生成的初始数据。例如，我有这个标记： <ul id="list"> <li v-repeat="elements" v-text="content">a</li> <li v-repeat="elements" v-text="content">b</li> <l

1热度

2回答

如何确定Vue何时完成更新DOM？

我想访问内<input>元素已经被创建后的Vue： <li v-repeat="subtask: subtasks"> <input v-model="subtask.name" type="text"> </li> 然而，这个代码不工作： /* add a new item (that in turn will create a new DOM node) */ subtask

63热度

4回答

[Vue warn]：找不到元素

我正在使用Vuejs。这是我的标记： <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> 这是我的代码： var main = new Vue({ el: '

0热度

1回答

VueJS - 初始化作为模板或$ el属性的一部分加载的tagsinput表单字段？

我遵循使用组件加载视图的official documentation中描述的模式。其中一个组件有一个表单域，我需要调用一个名为.tagsinput()的方法，因为我使用的是TagsInput。所以，像$('#tags').tagsinput()。下面是我在做什么的简化版本： CreateBoardForm = Vue.extend template: "<input type='text

5热度

2回答

用VueJS加载动态组件和模板

我正在考虑将VueJS用于多页面网站。在routing的官方示例中，它们表明您可以根据URL动态更改模板和组件，但它们仍然将一次加载的所有HTML模板和JS组件放在一个文件中。我的网站将会非常大，我只想在需要时加载所有内容。所以我的问题是：如何在URL更改时异步加载这些HTML模板和JS组件？只显示上述路由示例如何修改动态脚本加载会很有帮助。

3热度

2回答

看着VueJS

在我的项目已计算属性我有当某些字段填写只能提交一个表单，所以我创建了canSubmit功能在我的视图模型： var vm = new Vue({ data: { experiments: [], genes: "" }, el: "html", computed: { canSubmit: function() {

1热度

2回答

Vue.js如何将新属性添加到重复的数组对象？

HTML <div v-repeat=dudes>{{a}}, {{b}}</div> JS dudes = [{a:1}, {a:2}, {a:3}] new Vue({ el: 'body', data: {dudes: dudes} }) dudes[0].b = 'test' 试图设置dudes[0].b = 'test'不起作用。 http://jsb

1热度

1回答

Angular/Vue.js通过同一指令中的两个对象循环

我不知道我想要做什么是可能的。我试图创建一个Angular指令，它重复一个数据对象并打印出它的值以及具有相似结构的第二个不相关对象的值。我正在翻译应用程序，其中语言文件的主版本显示在一列中，翻译显示在下一个中。我想通过主对象重复一遍，然后在有一个对象的地方显示翻译。我不想合并这两个对象，因为我希望保持翻译对象和DOM之间的双向绑定，因此可以轻松保存。这是很简单的什么，我试图做的：对象 var

1热度

1回答

VueJS - 如何使用ajax调用的结果动态初始化模板

我想为动态加载VueJS组件的template。我想使用jQuery进行AJAX调用，并且服务器返回的任何内容都应该是VueJS组件的template。下面是与AJAX调用，因为它去掉了代码的简化版本中的不相干的数据来自： BoardFeed = Vue.extend template: '<div>This should be replaced</div>' data: ->

0热度

1回答

在Vue中替换对可观察数组的引用

我试图通过赋值将其数据与我的viewmodels分离开来。我想更换阵列并更新DOM，如下例所示： demo.items = demo.items.filter(function (item) { return item.childMsg.match(/Hello/) }) 但是，这不起作用。使用.push和.$remove进行更新确实有效。 var services = [];