标签: vuejs2

我想在Vue.js类似于vanilla javascript中进行重定向

window.location.href = 'some_url'

我怎么能在Vue.js中实现这一点？

在我的主页面中,我有v-show=show通过点击链接显示的下拉菜单,@click = "show=!show"我想show=false在我改变路线时设置.请告诉我如何实现这个目标.

我将使用两个外部脚本作为支付网关.现在两者都放在'index.html'文件中.但是,我不想在开头加载这些文件.仅当用户打开特定组件(使用路由器视图)时才需要支付网关.反正有没有实现这个目标？

在vuejs 2.0 model.sync中将被弃用.

那么,在vuejs 2.0中兄弟组件之间进行通信的正确方法是什么？

我在Vue 2.0中发现的想法是通过使用商店或事件总线进行兄弟姐妹的沟通.

据埃文说:

值得一提的是"在组件之间传递数据"通常是一个坏主意,因为最终数据流变得无法跟踪并且很难调试.

如果一个数据需要由多个组件共享,则更喜欢 全局存储或Vuex.

[ 链接到讨论 ]

和:

.once并且.sync已弃用.道具现在总是单向下降.要在父作用域中产生副作用,组件需要显式地emit显示事件而不是依赖于隐式绑定.

(所以,他建议使用$emit和$on)

我很担心因为:

• 每个store并event具有全球知名度(纠正我,如果我错了);
• 为每个次要的沟通创建一个新的商店是很重要的;

我想要的是以某种方式或兄弟姐妹组件的可见性范围.或者也许我没有抓住这个想法.eventsstores

那么,如何以正确的方式沟通？

我有一个名为people包含对象的数组,如下所示:

之前

[
  {id: 0, name: 'Bob', age: 27},
  {id: 1, name: 'Frank', age: 32},
  {id: 2, name: 'Joe', age: 38}
]

它可以改变:

后

[
  {id: 0, name: 'Bob', age: 27},
  {id: 1, name: 'Frank', age: 33},
  {id: 2, name: 'Joe', age: 38}
]

弗兰克刚满33岁.

我有一个应用程序,我正在尝试观察人员数组,当任何值更改时,请记录更改:

<style>
input {
  display: block;
}
</style>

<div id="app">
  <input type="text" v-for="(person, index) in people" v-model="people[index].age" />
</div>

<script>
new Vue({
  el: '#app',
  data: {
    people: [
      {id: 0, name: 'Bob', age: …

我正在尝试使用vuejs和laravel的护照对用户进行身份验证.

我无法弄清楚如何通过动作向vuex变异发送多个参数.

- 商店 -

export default new Vuex.Store({
    state: {
        isAuth: !!localStorage.getItem('token')
    },
    getters: {
        isLoggedIn(state) {
            return state.isAuth
        }
    },
    mutations: {
        authenticate(token, expiration) {
            localStorage.setItem('token', token)
            localStorage.setItem('expiration', expiration)
        }
    },
    actions: {
        authenticate: ({ commit }, token, expiration) => commit('authenticate', token, expiration)
    }
})

- 登录方法 -

login() {
      var data = {
           client_id: 2,
           client_secret: '**************************',
           grant_type: 'password',
           username: this.email,
           password: this.password
      }
      // send data
      this.$http.post('oauth/token', data)
          .then(response => {
              // send the parameters to …

我想将Vue.js变量与图像URL连接起来.

我计算的是:

imgPreUrl : function() {
    if (androidBuild) return "android_asset/www/";
    else return "";
}

如果我为android构建:

<img src="/android_asset/www/img/logo.png">

其他

<img src="img/logo.png">

如何将计算变量与URL连接？

我尝试过这个:

<img src="{{imgPreUrl}}img/logo.png">

我想将所有与服务器通信的函数放入VueJS中并将数据提取到一个可重用的文件中.

插件似乎不是最好的选择.模板较少的组件..？

在VueJS中,我们可以使用v-if添加或删除DOM元素:

<button v-if="isRequired">Important Button</button>

但有没有办法添加/删除dom元素的属性,例如以下有条件地设置所需的属性:

Username: <input type="text" name="username" required>

通过类似的东西:

Username: <input type="text" name="username" v-if="name.required" required>

有任何想法吗？

我只是使用命令行(CLI)来初始化Vue.js项目.在CLI创建src/components和src/views文件夹.

我使用Vue项目已经有几个月了,文件夹结构对我来说似乎很新.

生成的Vue项目中的文件夹views和有什么区别？componentsvue-cli