问题解决&知识补充(6)

101 阅读1分钟

哈喽哈喽,这里是小菜不拖延博主

打卡day11~

问题:表单验证不生效

解决:没有为每一个el-form-item添加prop,prop取的名字要和表单验证的名字对应,还要记得el-form里面也要添加规则!!!!!!!!!

image.png

f2aeaf5b233064d76bcb04e90f5b917.png

问题:无法取到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)


                }
            })

打印结果:

image.png

解决:观察可以发现,我单独打印resp.list的每一个是生效的,那么就证明我们的循环的参数没有写错,后面我们把value改成下标发现,一个问题,我们把value写成const,而const声明是不可以修改的,所以我们先把这里改成var,然后还是不对,循环肯定有问题,然后去搜发现,人家是。for (var item of list)

问题:配置了跨域,封装了请求,但是请求时多一个/api

image.png

问题:main.js里面全局导入了,为什么不可以在别的组件当中使用

image.png

解释

  <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; }