
踩坑记录
踩坑记录
Poetry Code
如果你正在学习前端,记得关注我噢~
展开
-
踩坑记录_vant图标字体不生效,显示成小方框□
在使用van组件库的时候,采用的官方推荐的自动按需引入方式。结果发现官方的图标字体一直都不生效,显示成小方框□。查询资料的时候大多说的是再才导入样式即可,可是发现还是不行。最终在看样式的时候发现图标字体变成了这个,和正常显示的font并不一样。最终发现是在引入Reset CSS格式化浏览器默认样式代码的问题。这将会导致vant的默认图标字体全部进行更改,从而没有效果。当然,所以你可以选择将格式化字体样式的代码删除,或者这里也推荐使用normalize.css进行浏览器默认样式的清除。采用自动原创 2020-11-06 18:03:07 · 4048 阅读 · 0 评论 -
js判断是否为对象的几种方法
var obj = {};1、toString(推荐)Object.prototype.toString.call(obj) === '[object Object]'2、constructorobj.constructor === Object3、instanceof 需要注意的是由于数组也是对象,因此用 arr instanceof Object 也为true。obj ins...转载 2020-04-28 14:21:57 · 14090 阅读 · 2 评论 -
【记录】vue项目中@import 后面的波浪号~ 代表什么意思
在使用vue-element-admin框架的时候,发现原来导入样式也可以这也写!写法挺高级的,就此记录下~由于是在webstorm中编写的项目,编辑器好像不识别这种写法,所以一直报错。这种写法其实是webpack中的一个配置。这里用~符号,表示后面的值为 alias, 然后就会去vue.config.js的 alias 配置中找相应的值。然后拼接成最后的地址:'src/styles/...原创 2020-03-30 22:43:56 · 2713 阅读 · 0 评论 -
填坑记录之Vue中v-model与:model区别
初做vue项目中遇到这个问题,记录一下。源代码:打算做的表单验证功能。结果发现在验证的过程中username规则的第一条正确了却一直通过不了。通过控制台得知长度一直为1。原来是拿不到数据。v-model通常用于input的双向数据绑定,它并不会向子组件传递数据。:model是v-bind:model的缩写,是绑定自定义属性.它只是将父组件的数据传递给子组件,并没有实现父组件和子组...原创 2020-02-15 20:43:46 · 1442 阅读 · 1 评论 -
报错信息记录——Vue组件模板只能有一个根元素
报错信息Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.报错分析编译模板错误。组件模板应该只包含一个根元素。在一个组件模板中应该只存在一个根元素,所以在每个组...原创 2020-02-09 15:13:55 · 1150 阅读 · 0 评论