
vue
文章平均质量分 50
-Yii
这个作者很懒,什么都没留下…
展开
-
[Vue warn]: Invalid prop: type check failed for prop “index“.Expected String with value “145“...
在使用vue开发项目时,用到了element-plus的组件el-menu,其中一直报这个warn这是请求回来的数据。一开始: <el-sub-menu :index="item.id" v-for="(item, index) in menusList" :key="item.id" > <template #title> <el-icon> <!-- 通过这个方式引原创 2022-02-24 22:21:08 · 536 阅读 · 0 评论 -
GET http://10.173.80.198:8080/sockjs-node/info?t=1645604651567 net::ERR_CONNECTION_TIMED_OUT
背景:使用vue-cli开发项目。(这个文件是放在项目中的node_modules/sockjs-client/dist/sockjs.js。)出错原因:network里一直调用的这个接口其实是不存在的,所以导致一直报错。因为我本地ip改变了,并不是原来的10.173.80.198。如果是在开发环境,应该是开发的时候网络环境变更导致,比如你切换无线网络,导致开发服务器的IP地址(也就是本地ip)换了,这样开发服务器会不知道如何确定访问源。简而言之,本地ip地址由于某些原因变了,这个时候开发服务器的i.原创 2022-02-23 20:20:36 · 1119 阅读 · 0 评论 -
vue学习-项目搭建,代码规范化设置,修改vue-cli的webpack配置,vue-router简单使用,全局注册组件,axios使用
vue的学习一直都是零零碎碎的,感觉学的东西都忘了。现在想重新学习一下。今天是day1,加油加油!文章目录一、项目搭建二、代码规范1.集成editorconfig配置2.其他代码规范三.vue.config.js1.修改vue-cli的属性2.修改webpack当中的属性3.通过函数的形式配置四.vue-router总结一、项目搭建之前的博客中已经写过如果通过‘vue create’创建一个项目,这里就不再赘述了。二、代码规范1.集成editorconfig配置不同操作系统的程序员写同原创 2022-01-11 00:49:31 · 294 阅读 · 0 评论 -
vue中使用element-plus-ui的 <el-table-column>组件时数据不显示的问题
需求:使用el-tabel-column时,没有使用插槽,单纯通过prop来对应对象中的键名从而填入数据和label去定义列名。遇到的问题是:如果在 <el-table-column></el-table-column>,开始标签和结束标签之间如果只有很多注释的代码,数据就无法显示出来。此时浏览器的控制台(所有注释的代码都显示出来了):如果在开始标签和结束标签之中除了注释的代码,还包括插槽,如: <template v-slot="{ row }" v原创 2022-02-23 16:09:30 · 9818 阅读 · 6 评论 -
Vue中绑定事件时调用函数加括号和参数与不加括号的区别
这是我定义的chanDialogVisible函数。const chanDialogVisible = (row) => { console.log(row) if (isNull(row)) { dialogTitle.value = '添加用户' dialogTable.value = {} } else { dialogTitle.value = '编辑用户' dialogTable.value = JSON.parse(JSON.stringi.原创 2022-02-22 17:39:26 · 1168 阅读 · 0 评论 -
学习vue出现的Error:imported multiple times import/no-duplicates
如图所示,出现这个问题是由于import的次数太多。原始:import { defineEmits } from 'vue'import { ref } from 'vue'修改后:import { defineEmits, ref } from 'vue'原创 2022-02-22 14:32:26 · 862 阅读 · 0 评论 -
Vue中svg-icon的使用(svg-sprite)
文章目录sprite的概念如何使用iconfont字体图标?优点缺点如何使用svg图标(svg-icon)?使用方法第一步第二步第三步使用svg-icon的好处基于svg-icon图标创建icon-component 组件改造icon-component 组件——生成svg-sprite使用 svg-sprite自动导入所有svg-icon参考学习sprite的概念sprite的概念最早是图片上的sprite。一个页面的请求资源中图片 img 占了大部分,所以为了优化有了image sprite 就是原创 2022-02-15 18:42:59 · 4541 阅读 · 0 评论 -
Error:You may need an additional loader to handle the result of these loaders.
问题:在用vue开发项目时,编译出现错误。错误原因:style标签的lang属性被我设置成了lang=""。修改:将lang=""直接去掉就可以。(lang属性,普通的style标签支持普通的样式,如果想要启用scss或less ,需要为style元素设置lang属性)...原创 2022-01-24 14:46:55 · 2306 阅读 · 0 评论