我对我的“项目”有几个不同的清单,并使用相同的Vue实例来处理我从数据库中获得的这些清单。我遇到了一个问题,虽然我真的想在我的mounted()方法中使用项目的id和type清单来帮助我的控制器端点(我使用laravel,但在这里无关)指向正确的数据库行。VueJS-将数据发送到Vue实例以用于挂载()

因此,例如:

HTML

JS

new Vue({

el: '.vue-checklist',

data: {

items: [],

// is there a way to trap those data attrs here?

},

mounted : function(){

// I need to a way to access the project and type data attrs.

this.fetchChecklist(this.project, this.type); //

},

methods: {

fetchChecklist : function(project, type){

this.$http.get('{ api/path }', { project: project, type: type}).then(function(response){

this.items = response.data;

})

}

});

再次,有没有办法让data-project和data-type附着在HTML中使用,在mounted()方法。

vue实例没有挂载到html上,VueJS-将数据发送到Vue实例以用于挂载()相关推荐

  1. dropzonejs vue 使用_可能是史上最全面的学习资源 — VUE 开源库篇(一)

    原标题:可能是史上最全面的学习资源 - VUE 开源库篇(一) 原文:https://www.cnblogs.com/opendigg/p/6513510.html 作者:OpenDigg 最近做了一 ...

  2. vue 判断对象不为空_Vue 学习笔记(二):实例

    创建一个实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项}) 虽然没有完全遵循 MVVM 模型,但是 Vue 的设计 ...

  3. 爬虫系列教程四:动态网页api分析实例之爬取dropbox上的pdf

    动态网页api分析实例:爬取dropbox上的pdf 动态网页api分析实例:爬取dropbox上的pdf 任务 分析 写代码和debug 今天老师让我下载一个网课里面的pdf材料,pdf的数目比较多 ...

  4. vue vuex 挂载_vue.js,javascript_Vuex的初始化失败,一直显示没有挂载到根组件上,奇怪了!,vue.js,javascript - phpStudy...

    Vuex的初始化失败,一直显示没有挂载到根组件上,奇怪了! 代码如下 import 'babel-polyfill' import Vue from 'vue' import VueRouter fr ...

  5. 服务器挂载云盘是做什么用,单独创建的云盘怎么挂载到ECS实例上

    单独创建的云盘怎么挂载到ECS实例上 发布时间:2020-07-10 14:36:57 来源:亿速云 阅读:119 作者:Leah 本篇文章为大家展示了单独创建的云盘怎么挂载到ECS实例上,代码简明扼 ...

  6. Vue.js-资料-组件化思想 —上

    一.Vue中的组件 Vue视图层的灵魂 -  组件化 组件(Component)是 Vue.js 最强大的功能之一: 组件可以扩展 HTML 元素,封装可重用的代码: 在较高层面上,组件是自定义元素, ...

  7. Vue学习随笔+商城项目【上】

    更新日期:2021-02-10 晚 [新年快乐] 附:Vue学习随笔+商城项目[下] 目录(部分) (一)ES6补充 1.1块级作用域 1.1.1 什么是变量作用域 1.1.2 没有块级作用域造成的问 ...

  8. java cms 知乎_可能是史上最全面的学习资源 — VUE 开源库篇(二)

    原标题:可能是史上最全面的学习资源 - VUE 开源库篇(二) 原文:https://www.cnblogs.com/opendigg/p/6513510.html 作者:OpenDigg 最近做了一 ...

  9. Vue相关开源项目库汇总(史上最全)

    目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和 ...

最新文章

  1. android studio 去掉标题栏的简单方法
  2. Redis面试连环问:集群、复制以及与其他NOSQL数据库的区别?
  3. 人工智能技术给教育行业带来哪些主要影响?
  4. android的支付宝sdk 提示系统繁忙 请稍后再试_《活动运营中防系统扑街指南》
  5. button 与 input type=button 的区别【2012/07/23】
  6. JavaScript中Exists函数
  7. Java工作笔记-生成及解析Json字符串
  8. Pyplot绘制多幅图形/多个数据的方法
  9. 【雷达通信】基于matlab雷达前视成像仿真【含Matlab源码 643期】
  10. 最新!华为HCIA网络工程师题库精讲(01)
  11. linux-磁盘管理
  12. 2020年最佳恶意软件删除工具Top 10
  13. 基于51单片机MAX31865的PT100铂电阻测温设计
  14. [编程题] 庆祝61
  15. 菜鸟学IT之Hadoop综合大作业
  16. DRG/DIP改革激活医疗数据智能400亿新增市场| 爱分析洞见
  17. Android开发中Post方式上传文件(头像之类的)
  18. js 通过id名找到对象数字里对应的name
  19. TIA博途WINCC中给IO域添加确认功能的具体方法步骤
  20. train_test_split(),随机划分训练集和测试集的函数

热门文章

  1. Angular里的按钮事件注册方法一例
  2. 把经典的ABAP webdynpro应用配置到SAP Fiori Launchpad里
  3. SAP CRM和Hybris Commerce里关于价格折扣的一些配置
  4. SAP Cloud Platform上的WebIDE fullstack在哪里打开
  5. 本人使用abapgit遇到的一些错误
  6. implementation of UI5 bindAggregation - busyDialog is handled automatically
  7. Solution for Lead OPA test error ( add button clicked after cancel button )
  8. 给SAP云平台的global账号添加Leonardo机器学习服务
  9. 推荐一个在线查看.cer文件的网站
  10. SAP CRM Fiori My Appointment应用里点了Edit按钮后三个Roundtrip分析