Vue
文章平均质量分 84
西木鹿亚
西木是西木野真姬的西木
展开
-
Expected ‘v-bind:key‘ directive to use the variables which are defined by the ‘v-for‘ directive.
首先明确,我遇到这个问题时是v-for嵌套的情况。Vscode使用了Vetur插件。如果你遇到的相同的报错但是与我的原因不同,可以在评论区中留言,我看到后也会尽可能帮助你解决问题。我将出现问题的代码抽象成如下结构<template v-for="(item1, index1) in ['str1','str2','str3']"> <div :key="index1"></div> <template v-for="(item2, index2) in原创 2021-10-20 17:36:16 · 14444 阅读 · 0 评论 -
Vue中prop传入子组件的数组无法使用其下标来初始化data数据
起因:由父组件将一个数组传入子组件,子组件内通过传入的数组的元素来初始化自身的data。props: { // 日期选项 dateOptions: { type: Array, default () { return []; } },}data(){ return{ // 单日日期 date: this.dateOptions[0], }}依照Vue官方文档中,使用prop传入的数据进行初始化的使用方法如上图所示原创 2020-11-07 10:32:19 · 1254 阅读 · 0 评论 -
Vue+ElementUI顶部radio选项卡自设计样式
动机:ElementUI自带的radio单选框样式不太喜欢Element自带radio选项卡样式想要的效果(自行设计实现):HTML代码<el-radio-group v-model="timeMode" size="medium" class="topTab"> <el-radio-button label="单日"></el-radio-button> <el-radio-button label="时间集成"></el-原创 2020-10-13 17:21:13 · 2145 阅读 · 0 评论 -
解决vue+scss中使用 /deep/ 不生效
遇到的问题如下:elementUI里使用复合input输入框时,默认append的样式不能满足后面经纬度符号的显示,并且背景颜色也有问题,对此进行样式修改,如下但修改后的效果如第一张图所示没有任何效果,在Chrome里也并未出现上述样式,明显是没有选中于是想到深度选择器,依稀记得原来好像使用过/deep/深度选择器,不过vue编译报错使用 >>> 选择器也不行,编译能通过,但不生效于是在vue的官方文档找到了解决办法,关于为什么/deep/选择器没有生效在此没有深入研究原创 2020-10-06 18:27:28 · 26749 阅读 · 0 评论