Question

我正在使用Vuejs。

我想调用2个变量。

我应该怎么办？

这些是我的真实密码。

（我想添加一个代码，该代码将使用类[.close]隐藏模式中的（x）按钮）

我编辑了我以前的帖子。不好意思。

    window.app = new Vue({
    el: '#vuelayoutdiv',
    data: {
        text: null
    },
    methods: {
        submitToSignIn: function () {
            window.location.href = "/{Contoller}/{Index}"
        },
        checkEmail: function (e) {
            if (this.text) {
                return true;
            };
            if (!this.text) {
                this.$bvModal.show('emailmodal');
            }
        }

    }

});


   <b-modal id="emailmodal" hide-footer>
        @*<template v-slot:modal-title>
            Using
            <code>$bvModal</code> Methods
        </template>*@
        <div class="d-block text-center">
            <h3  style="text-align:left">Email required.</h3>
        </div>
        <b-button class="mt-3" block v-on:click="$bvModal.hide('emailmodal')">Close Me</b-button>
    </b-modal>
<b-nav-item class="navbarsigntext signin" v-on:click="submitToSignIn">SIGN IN</b-nav-item>

Answer 1

将数据用作函数并返回变量。

阅读Vue js中的语法：-https://vuejs.org/v2/guide/components.html

var variable1 = new Vue({
 el: '#app1',
 data () {
   return {
    text1:"sample"
   }
 },
})

var variable2 = new Vue({
 el: '#app2',
 data () {
   return {
    text2:"sample"
   }
 }
})

<script src="https://unpkg.com/vue@2.5.9/dist/vue.js"></script>

<div id="app1">
  {{ text1 }}
</div>

<div id="app2">
  {{ text2 }}
</div>

Answer 2

很容易访问其他Vue实例变量。尽管这不是很常见的做法，但我不确定您要做什么。

在此示例中，总共有三个实例，第三个实例从对象1和对象2获取消息变量。

var vueObj1 = new Vue({
  data () {
    return {
      message: "vueobj1"
    }
  },
})

var vueObj2 = new Vue({
  data () {
    return {
      message: "vueobj2"
    }
  },
})

var vueObj3 = new Vue({
  el: '#app',
  computed: {
    messageFromOtherInstances () {
      return vueObj1.message + ' ' + vueObj2.message
    }
  }
})

我为您准备了一个小码本，可以玩：https://codepen.io/dasmikko/pen/XWWybdr

如何在Vuejs中调用2个变量？

2 个答案: