简单问题

45 阅读2分钟

1.form中的action

image-20220719102738994.png

2.输入框

 <!-- 国籍 -->
 <el-form-item :label="$t('info.guest_entity_nation')" prop="nation">
     <el-select style="width: 200px" v-model="form.nation" @change="provinceEnquire" placeholder="请选择" clearable filterable remote>
         <el-option v-for="item in cityInformation" :key="item.areaName" :label="item.areaName" :value="item.areaCode"></el-option>
     </el-select>
 </el-form-item>

clearable属性 :用于在输入框内末尾添加删除图标,可用于清空当前输入框内容

filterable属性:启用搜索功能

3.box-sizing:border-box

上面示例①是标准盒子模型,一般浏览器默认为标准盒子模型。即:box-sizing:content-box.没有设置box-sizing:border-box属性,宽高会加上padding和border的值,需要我们手动去计算,减去padding和border的值,并调整content的值,以免超过给定的宽高

上面示例②是怪异盒子模型,可根据实际项目需要自行设置。即:box-sizing:border-box.盒子模型会自动根据padding和border的值来调整content的值,就不需要手动调整

4.JavaScript parseInt()的用法

parseInt(stringradix? );

  • string:要被解析的值。如果参数不是一个字符串,则将其转换为字符串(toString)。字符串开头的空白符将会被忽略。
  • radix:可选。236,表示被解析的值的进制。例如说指定 10 就等于指定十进位。

1.基本用法,只接受一个参数,可以当做第二个参数默认是10。parseInt的返回值只有两种可能,不是一个十进制整数,就是NaN。

2.进制转换(接收两个参数),parseInt方法还可以接受第二个参数(2到36之间),表示被解析的值的进制,返回该值对应的十进制数。默认情况下,parseInt的第二个参数为10,即默认是十进制转十进制。

5.margin:0 auto

①可以通过对块级元素设置 text-align:center;的方式来实现内联元素(如文本、图片)居中

②margin:0 auto;可以使盒子居中,text-align:center;可以使此盒子内的内联元素居中,故有时需要两者结合使用才能使得盒子及其中文本一起居中

position:absolute下不生效

原因:position:absolute只能相对于父元素进行定位top、left定位,相当于浮在父元素上面,所以margin:0 auto;就没有了参考值

6.border-radius

为元素设置圆角效果

7.cursor:pointer的作用

cursor : 网页浏览时用户鼠标指针的样式或图形形状。 属性值: default:默认光标(通常是一个箭头) auto:默认,浏览器设置的光标 crosshair:光标为十字线 pointer:光标为一只手 move:光标为某对象可移动 text:光标指示文本 wait:光标指示程序正在忙(通常是一只表或者一个沙漏)