vue-component

    4热度

    1回答

    我有一个用例,我可能需要将一个对象props作为道具传递给子组件。 最初,我有一个组件中包含的表单和表。该表单将接受输入,将执行一个异步请求,并为该用户提供该表以供选择。然后用户可以按下一个按钮并隐藏表格,并将表格带回来,以便重新输入参数。由于表单的内容取决于其父项的状态,因此最后的搜索参数仍处于表单中。 当我重构组件以创建父窗体和表的子组件时,就会出现此问题。现在表单将$emit事件发送给它的父

    1热度

    2回答

    一切都很好,我main.js import User from './components/User.vue' new Vue({ el: '#user', render: h => h(User), data() { return { groups: [] } }, mounted() { t

    1热度

    1回答

    当前正在开发ASP MVC站点。 该网站的某些部分将使用VueJS来显示一些列表,表格等。 项目设置是Bower,Grunt,使用TypeScript的标准C#ASP项目。 这是我第一次使用Vue,简单的东西是相当明显的前进。从一个表单中获取数据,从WebService获取数据等。 我的问题是,什么以及如何获得最佳设置,以便在我的cshtml视图文件中使用单个文件组件(Vue) 。 因此,可以说我

    0热度

    1回答

    我想分配数据中的道具值并在挂载中使用这个数据值。现在我的做法是不工作: dashboard.vue <template> <div> <navigation-section :userid='userID' :username='username' :profilepic='profile_pic' :unre

    0热度

    1回答

    我无法弄清楚如何呈现父组件,在页面的一部分上显示列表中的合同列表,以及当用户单击其中一个组件时,在页面的其他部分显示该特定合同的详细信息。 这里是我的苗条文件: #contracts_area .filter-section ul li.filter-item v-for="contract in contractsAry" :key="contract.id" @

    0热度

    1回答

    当我运行webpack-simple cli终端显示这个错误对我来说,请问我该如何解决? /usr/local/lib/node_modules/vue-cli/node_modules/deep-extend/lib/deep-extend.js:1 (function (exports, require, module, __filename, __dirname) { SyntaxEr

    -2热度

    1回答

    我正在构建类似于对讲机实时聊天小部件(tawto,漂移,清脆等)的产品。基本上,它会做的是向用户网站添加一个小部件,然后渲染一个聊天框(用简单的话来说)。我计划在整个项目中使用VueJS。 所以这里是我的想法。 我们为用户提供了一个可嵌入的js代码片段。它会做的是添加一个div到身体id =“app”(或类似的东西)。然后相同的脚本将注入VueJS编译代码。也将增加一些外部脚本像插座IO,一些CS

    0热度

    1回答

    我试图将数据传递到nuxt-link,但是当点击链接时,nuxt-link只是返回一个404错误。它似乎并没有得到好和加载文件.... 使用第二个2个链接:href和硬编码工作 <h2 class="subtitle"><nuxt-link :to="{path: filePath}" exact>Nuxt View Menu</nuxt-link></h2> <h2 class="subtit

    0热度

    2回答

    我有一个Vue组件,它具有vue开关元素。当组件被加载时,开关必须根据数据设置为ON或OFF。这当前正在'mounted()'方法中发生。然后,当切换开关时,它需要进行一次API调用,以告知数据库新的状态。这是目前正在发生的'手表'方法。 问题是因为我正在'看'开关,当数据在挂载时被设置时,API调用会运行。因此,如果它设置为ON并且导航到组件,则mounted()方法将开关设置为ON,但它也调用

    0热度

    3回答

    新来Vuejs的,有关于更新阵列的问题。 这是我的数据(status_arr): { "Approvals": [ { "name": "Section 1", "count": 10692 } ], "Declines": [ { "name": "Section 1", "