table vue 背景图片_vue 动态绑定背景图片

分为两种，第一种是动态绑定后台传来的图片，第二种是我们自己文件夹的图片1.绑定后台传来的图片2.文件夹的图片(注意，这种方式一定要用require的方式)3.也可以在data中存储先，在引用data(){return{// 这种方式也要使用requiresrc: require('../../assets/images/other/002.jog')}}4属性：4.1background-repe

weixin_39999536

470人浏览 · 2021-01-30 10:33:44

weixin_39999536 · 2021-01-30 10:33:44 发布

分为两种，第一种是动态绑定后台传来的图片，第二种是我们自己文件夹的图片

1.绑定后台传来的图片

2.文件夹的图片(注意，这种方式一定要用require的方式)

3.也可以在data中存储先，在引用

data(){

return{

// 这种方式也要使用require

src: require('../../assets/images/other/002.jog')

}

4属性：

4.1

background-repeat 属性:背景图像- 设置定位与不平铺

background-repeat:no-repeat;

4.2

background-position:设置背景图像的起始位置。

4.3

background-origin：background-Origin属性指定background-position属性应该是相对位置。

4.4

background-size:background-size属性指定背景图片大小

语法：background-size: length|percentage|cover|contain;

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^