写vue时遇到的一些问题

1、使用img标签的:src时不显示图片，但直接用src=“图片路径”又能显示图片

引用图片时加上require可解决

2、更改背景颜色

//调用
<div class="note" :style="note">
//data
note: {
        backgroundImage:
          "url(" + require("../../public/sessionImg/10086.png") + ")",
        backgroundRepeat: "no-repeat",
        backgroundPosition: "center",
      },

3、数据改变后子组件传输数据给父组件删除相关数据并让自身消除

3.1使用emit来监听子组件的活动

父组件中

子组件中在调用数据库删除相关数据成功后，用emit传输帖子的id

父组件监听方法，括号中的val为监听对象改变后的值，即上文传输的tid
这一步是删除父组件的帖子相关的信息

子组件中将自身删除的方式，将最外侧的主键用v-if绑定一个boolean值，在上文中删除成功后赋值为false

4、element的表单验证

required：

必填字段，即非空验证。如上面实例中的的非空验证，以及邮箱前边的必填符号*，就是这个参数的功劳。

min/max：

判断数据大小范围，通常对数字大小范围做校验。对于字符串和数组类型，将根据长度进行比较。

len：

长度验证，如11位手机号码。

enum：

枚举值验证，示例代码如下：role: {type: “enum”, enum: [‘admin’, ‘user’, ‘guest’]}

whitespace:

验证是否只有空格(如果没有该配置，则全空格的输入值也是有效的）

transform：

有时有必要在验证之前转换值，以强制或以某种方式对其进行清理。为此 transform ，向验证规则添加一个功能。在验证之前，先转换属性，然后将其重新分配给源对象，以更改该属性的值。

fields:

深层规则，可以通过将嵌套规则分配给规则的属性来验证object或array类型的验证规则，如地址对象的省市区的规则验证：

messages:

未通过校验的提示信息

validator：

可以为指定字段自定义验证函数——这就相当于把前边配置的东西用js按照以前的方式编写验证逻辑了。虽然麻烦点，但是能实现比较复杂的业务逻辑判断。