vscode 在vue中使用v-for时下面有红线

这种情况可以

1.绑定一个key可以解决

2.在设置里面,添加下面一句话,有时需要重启一下vscode才会生效
    "vetur.validation.template": false

这样就ok了

原文地址:https://www.cnblogs.com/xk-g/p/9160780.html

时间: 2024-10-08 23:21:49

vscode 在vue中使用v-for时下面有红线的相关文章

Vue 中的 v - if 和 v - show + v-for

v-if   v-show v-if是动态的向DOM树内添加或者删除DOM元素: v-if和v-show 都可以控制显示隐藏 v-if 它是没有加载DOM结构 可以叫做惰性加载 <div id="app"><h1 v-if='true'>{{msg1}}</h1> <span>显示</span> <br><h1 v-if='false'>{{msg2}}</h1> <span>不

Vue中在组件销毁时清除定时器(setInterval)

在mounted中创建并执行定时器,然后在beforeDestroy或者destroyed中清除定时器 <template> <div class="about"> </div> </template> <script> export default { name: "about", data() { return { //接收定时器 timer: "" }; }, mounted()

VUE中以v开头的代码和if判断

v-model="变量名"     双向数据绑定一个变量,基本用在input里获取用户输入的内容v-bind:class="变量名"huo :class="变量名"    双向数据绑定一个变量,用于改变当前标签的class类和CSS样式内容 if判断 v-if="变量名" 或 v-if="变量名 === 值? 结果:结果" (三目判断)    相当于js的if判断,如果是隐藏则当前标签彻底注释不存在 <

在 vue 中使用 swiper 的异步问题解决

一.html 及引入文件 1.引入文件 vue,axios,mock,swiper,jquery的js文件 swiper css文件 2.css样式 给 swiper 设置宽高 3.html swiper html swiper使用方法:  https://www.swiper.com.cn/usage/index.html 二.渲染数据 1.  用mock生成随机虚拟数据 2. 用 axios 执行get请求 请求数据 并赋值给data中的imgList 3.循环使用v-for指令绑定数据渲染

vue中prop传值时加不加v-bind(冒号:)

前言:有关Vue中父组件通过prop传值给子组件时,是否加v-bind的问题,没弄清楚时感觉很乱,弄清楚之后很简单. 由于结果记起来很容易,所以先给出结果: 只有传递字符串常量时,不采用v-bind形式,其余情况均采用v-bind形式传递. 传入String类型 传入的值title为一个常量(静态prop)时,不加v-bind(或者:) <blog-post title="My journey with Vue"></blog-post> 传入的值title为一

当Vue中img的src是动态渲染时不显示问题

最近遇见动态渲染img时,想起了当初刚开始写vue时,曾经遇见的一个小小坑. Vue中:img的src属性是动态渲染时不显示问题1.需求:展示用户头像,数据从后台获取,如果没有拿到则显示默认图片. 如图: 2.第一次写: 如图: 3.结果(汗...)并没有显示默认图片来代替: 审查元素发现没显示默认的图片,图片没有被打包.... 如图: 4.解决方案: 1.使用require引入图片 2.使用img的onerror属性 原文地址:https://www.cnblogs.com/xiaoqi201

VScode设置vue文件中保存自动格式化代码以及settings.json文件的配置。

最近在做vue 项目中,由于安装有代码检测工具ESlint,每次写完代码后就发现很多语法警告,查找配置好多也有许些小问题,现记录一份settings.json配置文件. 1.设置如下: 2.settings.json文件配置如下: { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候

vue常见问题处理 -- 页面刷新时,如何保持原有vuex中的state信息

一.页面刷新时,如何保持原有vuex中的state信息 页面刷新后,原有的 vuex 中的 state 会发生改变,如果在页面刷新之前,可以将 state 信息保存,页面重新加载时,再将该值赋给 state,那么该问题即可解决. 1.localstorage 可以使用 localstorage 来保存信息. [在某组件中添加如下钩子函数.比如 App.vue中] created() { //在页面加载时读取localStorage里的状态信息 if (localStorage.getItem("

vue中$watch源码阅读笔记

项目中使用了vue,一直在比较computed和$watch的使用场景,今天周末抽时间看了下vue中$watch的源码部分,也查阅了一些别人的文章,暂时把自己的笔记记录于此,供以后查阅: 实现一个简单的$watch: 1 const v = new Vue({ 2 data:{ 3 a: 1, 4 b: { 5 c: 3 6 } 7 } 8 }) 9 // 实例方法$watch,监听属性"a" 10 v.$watch("a",()=>console.log(&