ecH0o0的博客

vue动态加载图片

在div中加背景图片，例如选项卡的左下角加对钩图片。在div中应用background-image等属性，直接贴代码background-image: url("img.jpg");/*图片从左往右移动的百分比大小，从上往下百分比大小，重复方式 换成数值同样如此，在这里没有调整大小的方法*!*/background-position: 10% 40%;/*从左到右，从上到下的缩放比例，单位px则为px缩放*/background-size: 40% 60%;/*填充不完则不进行重复渲染图片*

使用checkbox复选框自定义图标时犯的错误：<van-checkbox v-model="checked"> 自定义图标 <template #icon="props"> <img class="img-icon" :src="props.checked ? activeIcon : inactiveIcon" /> </template></van-checkbox>在用自定义的变量时v-model用自己变量的名字

实现动态绑定不同的图片，通过import多个图片，并绑定样式：<img :src="imgUrl" style="height: 60px" alt/> <!--imgurl变量绑定不同的图片-->引入不同图片：import pic1 '../../pics/pic1.png';import pic2 '../../pics/pic2.png';import pic3 '../../pics/pic3.png';...data() { imgUrl: "" //

对于两种以上的样式切换，可用数组绑定并动态变化样式样式中的写法：<van-grid-item :class="css_list[index]"></van-grid-item>data中声明css_list(元素为style中声明的css样式)和index：data() { css_list:[ "css1", "css2", "css3" ], index: 0}method中可改变index的值从选择对应的样式：methods: { //方法

一、父组件调用子组件的方法步骤拆解：（1）父组件：1.渲染调用子组件 2.导入子组件 3.声明子组件变量 4.调用子组件（2）子组件：1.实现子组件自己的渲染、数据处理功能 2.使用父组件的变量（1）父组件：1.调用渲染子组件<child> v-bind:user="user" //父任务的变量user，子任务使用 ref="child" :child="child"</child>2.导入子组件,声明子组件变量import child from "../.

width属性改为自适应，该列宽度自适应浏览器宽度<el-table-column lable="xx" width="auto">width属性改为固定宽度，则不自适应浏览器宽度，会增加横向滚动条<el-table-column lable="xx" width="1000px">...