小编Som*_*mer的帖子

在Vuejs中将数据从子节点传递给父节点(它是如此复杂吗?)

谢谢你阅读我的问题.

我读过它

vuejs更新子组件的父数据

https://forum.vuejs.org/t/passing-data-back-to-parent/1201/2

概念是一样的,我需要将数据对象从子传递给父,我使用$ emit将数据传递给父组件,但不起作用.你知道出了什么问题吗?在这里检查我的代码:

Vue.component('list-products', {
  delimiters: ['[[', ']]'],
  template: '#list-products-template',
  props: ['products'],
  data: function () {
    return {
      productSelected: {}
    }
  },
  methods: {
    showDetailModal: function (product) {
    	console.log('click product in child, how can i pass this product to productSelected data in parent?');
      console.log(product);
      this.productSelected = product;
      this.$emit('clickedShowDetailModal', product);
    }
  }
});


var app = new Vue({
  delimiters: ['[[', ']]'],
  el: '#resultComponent',
  data: {
    listProducts: [
      	{'name':'test1',id:1},
        {'name':'test2',id:2},
        {'name':'test3',id:3}
    ],
    productSelected: {}
  },
  methods: {
    clickedShowDetailModal: function …
Run Code Online (Sandbox Code Playgroud)

emit vue.js

28
推荐指数
3
解决办法
4万
查看次数

无法读取未定义的vue属性'post'

感谢您阅读我的问题.

我已经读过我的问题

VUE JS 2 + WEBPACK无法读取未定义的VUE RESOURCE属性'get'

但我的系统没有读取Vue var :(

我有一个vue组件调用app.vue,我需要使用vue-resource从我的帖子中获取数据.但错误很多次是:

TypeError: Cannot read property 'post' of undefined
at VueComponent.loadingProcess
Run Code Online (Sandbox Code Playgroud)

你有想法解决它吗?

我的app.vue

<script>
    var Vue = require('vue');
    //Vue.use(require('vue-resource'));
    //Vue.use();

    export default {
          data () {
                return {
                    msg: 'Hello from vue-loader! nice!',
                    user: {}
            }
    },
    mounted: function () {
        this.loadingProcess();
    },
    methods: {
        loadingProcess: function () {

            var urlPost;
            var answQSend = {...};
            var that = this;

            var jsonSend = {
                "form_data": answQSend,
                "prod_id": 3
            };

            Vue.$http.post(urlPost, jsonSend, …
Run Code Online (Sandbox Code Playgroud)

components webpack vue.js vue-resource

2
推荐指数
1
解决办法
8623
查看次数

标签 统计

vue.js ×2

components ×1

emit ×1

vue-resource ×1

webpack ×1