vue实例没有挂载到html上,VueJS-将数据发送到Vue实例以用于挂载()
我对我的“项目”有几个不同的清单,并使用相同的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实例以用于挂载()相关推荐
- dropzonejs vue 使用_可能是史上最全面的学习资源 — VUE 开源库篇(一)
原标题:可能是史上最全面的学习资源 - VUE 开源库篇(一) 原文:https://www.cnblogs.com/opendigg/p/6513510.html 作者:OpenDigg 最近做了一 ...
- vue 判断对象不为空_Vue 学习笔记(二):实例
创建一个实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项}) 虽然没有完全遵循 MVVM 模型,但是 Vue 的设计 ...
- 爬虫系列教程四:动态网页api分析实例之爬取dropbox上的pdf
动态网页api分析实例:爬取dropbox上的pdf 动态网页api分析实例:爬取dropbox上的pdf 任务 分析 写代码和debug 今天老师让我下载一个网课里面的pdf材料,pdf的数目比较多 ...
- vue vuex 挂载_vue.js,javascript_Vuex的初始化失败,一直显示没有挂载到根组件上,奇怪了!,vue.js,javascript - phpStudy...
Vuex的初始化失败,一直显示没有挂载到根组件上,奇怪了! 代码如下 import 'babel-polyfill' import Vue from 'vue' import VueRouter fr ...
- 服务器挂载云盘是做什么用,单独创建的云盘怎么挂载到ECS实例上
单独创建的云盘怎么挂载到ECS实例上 发布时间:2020-07-10 14:36:57 来源:亿速云 阅读:119 作者:Leah 本篇文章为大家展示了单独创建的云盘怎么挂载到ECS实例上,代码简明扼 ...
- Vue.js-资料-组件化思想 —上
一.Vue中的组件 Vue视图层的灵魂 - 组件化 组件(Component)是 Vue.js 最强大的功能之一: 组件可以扩展 HTML 元素,封装可重用的代码: 在较高层面上,组件是自定义元素, ...
- Vue学习随笔+商城项目【上】
更新日期:2021-02-10 晚 [新年快乐] 附:Vue学习随笔+商城项目[下] 目录(部分) (一)ES6补充 1.1块级作用域 1.1.1 什么是变量作用域 1.1.2 没有块级作用域造成的问 ...
- java cms 知乎_可能是史上最全面的学习资源 — VUE 开源库篇(二)
原标题:可能是史上最全面的学习资源 - VUE 开源库篇(二) 原文:https://www.cnblogs.com/opendigg/p/6513510.html 作者:OpenDigg 最近做了一 ...
- Vue相关开源项目库汇总(史上最全)
目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和 ...
最新文章
- android studio 去掉标题栏的简单方法
- Redis面试连环问:集群、复制以及与其他NOSQL数据库的区别?
- 人工智能技术给教育行业带来哪些主要影响?
- android的支付宝sdk 提示系统繁忙 请稍后再试_《活动运营中防系统扑街指南》
- button 与 input type=button 的区别【2012/07/23】
- JavaScript中Exists函数
- Java工作笔记-生成及解析Json字符串
- Pyplot绘制多幅图形/多个数据的方法
- 【雷达通信】基于matlab雷达前视成像仿真【含Matlab源码 643期】
- 最新!华为HCIA网络工程师题库精讲(01)
- linux-磁盘管理
- 2020年最佳恶意软件删除工具Top 10
- 基于51单片机MAX31865的PT100铂电阻测温设计
- [编程题] 庆祝61
- 菜鸟学IT之Hadoop综合大作业
- DRG/DIP改革激活医疗数据智能400亿新增市场| 爱分析洞见
- Android开发中Post方式上传文件(头像之类的)
- js 通过id名找到对象数字里对应的name
- TIA博途WINCC中给IO域添加确认功能的具体方法步骤
- train_test_split(),随机划分训练集和测试集的函数
热门文章
- Angular里的按钮事件注册方法一例
- 把经典的ABAP webdynpro应用配置到SAP Fiori Launchpad里
- SAP CRM和Hybris Commerce里关于价格折扣的一些配置
- SAP Cloud Platform上的WebIDE fullstack在哪里打开
- 本人使用abapgit遇到的一些错误
- implementation of UI5 bindAggregation - busyDialog is handled automatically
- Solution for Lead OPA test error ( add button clicked after cancel button )
- 给SAP云平台的global账号添加Leonardo机器学习服务
- 推荐一个在线查看.cer文件的网站
- SAP CRM Fiori My Appointment应用里点了Edit按钮后三个Roundtrip分析