Laravel 如何将v模型传递到另一个v模型

Laravel 如何将v模型传递到另一个v模型,laravel,vue.js,laravel-5,Laravel,Vue.js,Laravel 5,这是我的输入,我想把密码的值等于ic_编号,而不需要在密码输入中再次键入。我们能把ic_号码传给密码v-model吗 <div class="form-group"> <label>Ic Number</label> <input id="ic_number" placeholder="Ic Number" v-model="form.ic_number" type="tex

这是我的输入,我想把密码的值等于ic_编号,而不需要在密码输入中再次键入。我们能把ic_号码传给密码v-model吗

<div class="form-group">
    <label>Ic Number</label>
    <input
        id="ic_number"
        placeholder="Ic Number"
        v-model="form.ic_number"
        type="text"
        name="ic_number"
        class="form-control"
        :class="{ 'is-invalid': form.errors.has('ic_number') }"
    >
    <has-error :form="form" field="ic_number"></has-error>
</div>
<div class="form-group">
    <label>Password</label>
    <input
        id="password"
        placeholder="Password"
        v-model="form.password"
        type="password"
        name="password"
        class="form-control"
        :class="{ 'is-invalid': form.errors.has('passsword') }"
    >
    <has-error :form="form" field="password"></has-error>
</div>
我想这样通过,但它什么也看不出来

password: password = this.ic_number,

您可以用于ic_编号,当ic_编号更改时,将使用监视方法

export default {
  data() {
    return {
      editMode: false,
      users: {},

      id: "",
      name: "",
      ic_number:"",
      no_phone:"",
      email: "",
      password: "",
      type: "",
      bio: "",
      photo: ""
    };
  },
  watch:{
    "ic_number":function(val,oldval){ this.password = val }
  }
}
我不确定你指的是A对B和B对C吗

就像这个演示

app.vue

<template>
  <div id="app">
    <Test1 v-model="hello"></Test1>
    <div>{{hello}}</div>
  </div>
</template>

<script>
import Test1 from "./components/Test1";

export default {
  name: "App",
  data() {
    return {
      hello: "hello"
    };
  },
  components: {
    Test1
  }
};
</script>

<style>
</style>

{{你好}}
从“/components/Test1”导入Test1;
导出默认值{
名称:“应用程序”,
数据(){
返回{
你好:“你好”
};
},
组成部分:{
测试1
}
};
test1.vue

<template>
  <div>
    <input v-model="hello">
  </div>
</template>

<script>
export default {
  props: ["value"],
  data() {
    return {
      hello: this.value
    };
  },
  watch: {
    hello: function(val, oldval) {
      this.$emit("input", val);
    }
  }
};
</script>

<style>
</style>

导出默认值{
道具:[“价值”],
数据(){
返回{
你好:这是我的价值观
};
},
观察:{
您好:函数(val,oldval){
这是.$emit(“输入”,val);
}
}
};

如果您只想使ic_编号上的密码值相同。您可以在v-model指令中进行设置,如下所示:


v-model=“form.password=this.form.ic_number”

这是用来设置初始值,还是希望这两个值彼此同步,即它们总是相同?嗯,我不确定这些标记以及为什么要使用新的form(),我使用该错误标记来显示错误,已经使用其他函数,只是想知道如何从v-model传递到其他v-model你的意思是你有三个组件,C在B中使用,B在A中使用,你想在A中使用v-model并发送到B,在B中使用并发送到C?请再次查看答案,我给你一个新的演示,你的意思是吗?是的,类似的东西谢谢兄弟,我找到了另一个答案,那就是我想要tq broo
<template>
  <div>
    <input v-model="hello">
  </div>
</template>

<script>
export default {
  props: ["value"],
  data() {
    return {
      hello: this.value
    };
  },
  watch: {
    hello: function(val, oldval) {
      this.$emit("input", val);
    }
  }
};
</script>

<style>
</style>