使用vscode开发vue项目,iview中<Col></Col>标签报错

最新推荐文章于 2024-05-30 16:39:10 发布
最新推荐文章于 2024-05-30 16:39:10 发布
阅读量2.1k 收藏
点赞数
分类专栏： vue 文章标签： vue iview vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40313245/article/details/85698970
版权

这种报错很烦人

示例：
在这里插入图片描述
解决方法：
这是vetur中eslint的问题，在vscode菜单中，文件->首选项->设置，找到 “vetur.validation.template”: true 将其改为false，就可关闭eslint的检查，错误消失。
在这里插入图片描述

之后重启下就ok了

祁沐白神
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSC(Visual Studio Code开发者工具) + vue + iview 表格/分页组件的使用
CN-LILU的博客
11-01 1643
iview 引入 可参考：http://v1.iviewui.com/docs/guide/start 首先，在你的vue项目中安装iview依赖； 在你的命令窗口输入：npm install iview --save（记得要先进去你的文件所在目录） 或者先在package.json文件里的"dependencies"下写下：“iview”: “^3.0.0”, 2）安装之后，然后就在vue项目的...
vue+iview写个弹框的示例代码
08-28
或者，如果你的项目中使用了 CDN，你可以直接引用 iView 的 CSS 和 JS 文件： ```html <link rel="stylesheet" href="css/iview.css" rel="external nofollow"> <script src="js/iview.min.js"></script> ``` 在...
vscode 使用iView时标签报错 Parsing error: x-invalid-end-tag
gyp0307的博客
07-23 974
开发工具：vscode  错误案例： 解决方案： vetur中eslint的问题，在vscode菜单中，文件-&gt;首选项-&gt;设置；找到 “vetur.validation.template”: true 将其改为false，就可关闭eslint的检查，错误消失。 在这里记录一下。...
vscode编辑器开发uniapp小程序，出现标签错误提示
最新发布
qzkgq的博客
05-30 240
将Vue-Official插件降低版本到2.0.12。
vue项目中，iview的<Col>标签报错
weixin_44969578的博客
01-19 1202
在网上搜索，大多数是说把vscode的设置里面的vetur.validation.template取消勾选，不过我试过没有作用，另外还要在.eslintrc.js 中rules 中加入这一行代码 "vue/no-parsing-error": [2, { "x-invalid-end-tag": false }] 这样同时作用就解决了 ...
COL命令
Halou, I'm a DBA!
11-30 751
COL命令： 主要格式化列的显示形式。  该命令有许多选项，具体如下： COL[UMN] [{ column|expr} [ option ...]] , Option选项可以是如下的子句:  ALI[AS] alias  CLE[AR]  FOLD_A[FTER]  FOLD_B[EFORE]  FOR[MAT] format  HEA[DING] text 
(1) 搭建VS Code的VUE开发环境
weixin_39116068的博客
05-16 150
1. 安装npm 从官网https://nodejs.org/en/download/下载, 安装 2. 安装VS Code 官网:https://code.visualstudio.com/ 3. 配置VS Code上的插件, 参见如下博文即可: https://www.jianshu.com/p/d2e397eb00cd 3. we...
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
12-11
总结起来，使用iView的日期选择器在Vue.js项目中实现开始时间和结束时间的校验功能，主要涉及以下步骤： 1. 引入Vue.js和iView的CDN资源。 2. 定义Vue实例的`data`，包括开始时间、结束时间以及两个配置对象。 3. 在...
Vue基于iview table展示图片实现点击放大
10-14
在实际使用中，我们可以创建一个`<viewer>`组件来展示图片，例如： ```html <viewer :images="tupians"> <i-col span="4" v-for="item in tupians"> <div class="detailed"> <img :src="item.img" alt="Vue基于...
基于IView中on-change属性的使用详解
08-27
在IView中，on-change属性是一个非常重要的属性，它可以用来监听输入框、选择框、复选框等控件的变化，但是，on-change属性的使用方法是有很多坑的，特别是当你使用vue框架开发时。 在本文中，我们将详细介绍IView...
用Vue写网页，iview作为基础框架
12-14
例如，可以用`<Button>`和`<Icon>`创建交互按钮，`<Form>`和`<FormItem>`构建表单，`<Table>`展示数据，`<Tag>`和`<Badge>`进行标记和状态显示，`<Modal>`处理弹窗，以及`<Layout>`、`<Row>`和`<Col>`进行布局管理。...
Vue最常用的单词：练习Vue和电子的小项目，创建一个应用程序以读取字幕文件并查找mos使用的单词
02-18
最常用的词 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test:unit 整理和修复文件 npm run lint 自定义配置 请参阅。
vue项目规范文档
01-17
vue项目开发常见规范，可以帮助代码易于阅读，团队合作，提高开发效率，提高个人代码编码规范。
解决iview中＜/Input＞标签报错的方法
wangchaoqi1985的博客
07-29 556
解决iview中</Input>标签报错的方法
webstorm单标签设置成双标签展开解决iview中col展开问题
GD6570的专栏
09-10 419
大家好！我是木瓜太香，今天给大家带来一个 webstorm 小技巧 场景：有使用过 vue 框架并且使用 iview 做 ui webstorm 做 ide 的同学，可能会遇到一个比较奇怪的问题，iview 中有一个 Col 的组件，这个组件作为一个布局组件存在，但是他和 html 原生标签 col 重复了，iview 中 Col 需要是双标签，原生 html 中 col 是单标签，webstorm 就会认为他是单标签，在展开的时候也就只是单标签了。 解决的办法其实比较简单，我们可以在 webstorm.
el+vue实战 ③ el-col只显示一行，多余部分用省略号表示
zujiasheng的博客
03-08 4513
效果展示： 代码样式设置： <el-col style=" width: 10rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; </el-col> 其中 width:10rem：设置一行显示字体的宽度。 white-space:nowrap：规定在段落中的文本不换行。 overflow:hidden：元素的内...
HTML col和colgroup元素
cungui5726的博客
08-19 248
Of all the tags used with tables, including those for accessibility, perhaps the most neglected is the col element. The easiest way to describe col is by making a comparison to the div tag: col is an ...
html 中< col>标签和< colgroup>标签的区别
diliannie1104的博客
09-11 1319
转载自https://www.ggbiji.com/html-col-colgroup.html <col>标签是给表格中一个或多个列定义属性值，而<colgroup>标签是对表格中的列进行组合，从而实现对表格的格式化。<col>标签一般会放在<colgroup>标签中使用，对<colgroup>标签组合的列分别设置样式。&l...
iviewUI库 Col以及Row 组件用法
热门推荐
weixin_40419104的博客
02-25 1万+
使用row在水平方向创建一行 一将组col插入在row中 每个在col中，键入自己的内容 设置通过col的span参数，指定跨越的范围，其范围是1到24 每个row中的col总和应该为24 如下图这样 注意：非模板/渲染模式下，需使用i-col 给通过row添加gutter属性，给可以的下属col添加间距 我这里给的col间距是30px 给通过row设置参数align为不...
报错如下 vue.runtime.esm.js:4605 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <BaiduMap> <MapDemo> at src/views/mapDemo.vue <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue... (1 recursive calls) <Main> at src/views/Main.vue <App> at src/App.vue <Root>
07-17
这个错误通常是由于Vue组件中没有定义模板或渲染函数导致的。 根据你提供的错误信息，看起来是在`MapDemo`组件中使用了`BaiduMap`组件，但是没有正确定义模板或渲染函数导致的错误。 请确保在`MapDemo`组件中定义了正确的模板或渲染函数。例如，你可以在`MapDemo`组件的`template`标签中添加一个根元素，并在其中使用`BaiduMap`组件。 以下是一个示例： ```vue <template> <div> <BaiduMap></BaiduMap> </div> </template> <script> import BaiduMap from 'path/to/BaiduMap.vue'; export default { components: { BaiduMap }, // 其他组件选项 } </script> <style> /* 组件样式 */ </style> ``` 在示例中，我们在`MapDemo`组件的模板中使用了`<BaiduMap></BaiduMap>`来引入和使用`BaiduMap`组件。确保路径正确，以正确引入`BaiduMap`组件。 如果你仍然遇到问题，请提供更多相关代码，我将尽力帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值