Laravel 如何将v模型传递到另一个v模型
这是我的输入,我想把密码的值等于ic_编号,而不需要在密码输入中再次键入。我们能把ic_号码传给密码v-model吗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
<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>