vueinput输入框变为红色

vueinput输入框变为红色解决方法如下。
1、首先是在vueinput获取id，然后改变属性，此种方式比较适合少量的确定的div或其他类型。
2、接着通过v-bind切换class，bool[index]为true则开启class，结合v-for，可以变为正常。

用vue+elementui写后台时，实现页面间d出框的form表单,使用父子组件间传值

父组件向子组件传值,父组件向子组件传值是通过props传递的

子组件向父组件改变值时，通过$emit改变

父组件中

import ExitProductCreate from '/dialog/ExistProductCreate'

//前面使用props传值，后面捅过$emit改变父组件间的值
export default {

components{

ExistProductCreate

}

data() {

return {

dialogVisible1 : false

}

}

子组件中
html中：//通过点击取消按钮，关闭d出框，改变父组件中的值取消

<el-button @click="cancle">取消</button>
js中：

export default {

  props: {// 接受父组件传递过来的props    dialogVisibe:Boolean

}// 监听父组件穿过来的值  watch: {

  dialogVisible: function(newItemVal, oldItemVal) {

      thisdialogVisible1 = newItemVal;

}，

methods:{

cancle(){

    thisdialogVisible1 =false;

    this$emit("changeFather","false")

}

}

可以使用vue的回调函数来实现模态框的d出。具体步骤如下：
1、在Vue组件中声明一个布尔值，用于标识是否d出模态框。
2、在Vue组件中创建一个回调函数，当执行特定功能时会将这个布尔值设置成true。
3、通过v-if条件渲染语法将上面声明的布尔值作为判断条件，当其变成true时渲染对应的modal内容即可。

当使用v-model和value一起实现复选框时，多个勾选框都绑定到同一数据类型的数据上，vue的值如果出现在数组当中，就会选中这一项。同时，这个过程的绑定过程也是双向的，在勾选时，value的值也会自动push到这个数组中。

运行结果：

---