哈喽哈喽,这里是小菜不拖延博主
打卡day11~
问题:表单验证不生效
解决:没有为每一个el-form-item添加prop,prop取的名字要和表单验证的名字对应,还要记得el-form里面也要添加规则!!!!!!!!!
问题:无法取到list的每一个item
this.$http('/album/imgListLoad','GET',data,true,function(resp){
// console.log("list",resp[0])
console.log(resp.list[0])
for (const value in resp.list){
console.log('item',value)
}
})
打印结果:
解决:观察可以发现,我单独打印resp.list的每一个是生效的,那么就证明我们的循环的参数没有写错,后面我们把value改成下标发现,一个问题,我们把value写成const,而const声明是不可以修改的,所以我们先把这里改成var,然后还是不对,循环肯定有问题,然后去搜发现,人家是。for (var item of list)
问题:配置了跨域,封装了请求,但是请求时多一个/api
问题:main.js里面全局导入了,为什么不可以在别的组件当中使用
解释
<template #default="scope">
<el-button type="text" :url="list.url" @click="honorDel(scope.raw.url)">删除</el-button>
</template>
vue2中设置全局变量
vue2设置全局变量,在main.js中:Vue.prototype.$baseUrl = baseUrl
拿到当前域名
拿到当前域名:windown.location.host
问题:背景图不显示
解决:行内式设置背景图写错了,应该写成
:style="{ backgroundImage: `url(${$baseUrl+scope.row.url})`
变成手指
pointer:cursor;
pointer属性
CSS中的pointer属性用于定义当鼠标悬停在元素上时,鼠标指针的样式。
可以使用以下任意值来设置pointer属性:
- auto:默认值,在浏览器中显示标准的光标
- crosshair:将鼠标指针设置为十字线
- pointer:将鼠标指针设置为手形,表示元素是可点击的链接或按钮
- move:将鼠标指针设置为移动箭头,表示元素可拖动
- text:将鼠标指针设置为文本样式,表示元素具有可以输入或编辑的文本
- not-allowed:将鼠标指针设置为圆圈和斜杠图案,表示元素不可用或不能操作
例如,下面的CSS代码会将鼠标指针设置为手形图标,并且鼠标悬停在元素上时颜色变成红色:
a { pointer: pointer; color: blue; } a:hover { color: red; }