vue webstorm 问题总结

WebStorm光标经常变成块状更改
https://blog.csdn.net/alokka/article/details/73719371
insert

Parsing error: x-invalid-end-tag
ivew,tmd rubbish
这个我也无法解决,我关了eslint也没用,只能手动关标签
这个好像可以解决,
https://www.cnblogs.com/midnight-visitor/p/9590358.html
在这里插入图片描述package.json中改一下,反正有的都改

这些也可以自己定义,全部off 是最好的
“rules”: {
“generator-star-spacing”: “off”,
“no-tabs”:“off”,
“no-unused-vars”:“off”,
“no-console”:“off”,
“no-irregular-whitespace”:“off”,
“no-debugger”: “off”
},
————————————————
版权声明:本文为CSDN博主「舜岳」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_41614928/article/details/102787344

如果你遇到了这个错误,作用cli,请你先备份一份你的项目,这是个好习惯,

vue的npm ERR! missing script: dev

init 是重置??
备份是个好习惯

vue中 传 到 mock.js ,取值发生了Undefined,js对象到mock.js 再到js??
反正试一下吧 var json=JSON.parse(options.body);

这个不行,var json=eval(options.body);

同级视图,很有用。记录路由带s复数

https://router.vuejs.org/zh/guide/essentials/named-views.html

官方的文档一定要看
在这里插入图片描述

当我想在一个组件加载完成后执行一些方法,由于我是小白的原因,组件之前、父子、兄弟之间传不了参数,主要不知道怎么传,使用了这个mounted 钩子函数,相当于jquary的ready()函数。

webstorm 调试,当发生异常的时候,断点,
在这里插入图片描述
在这里插入图片描述

anY

ivew tmd 这些文档就不能写清楚点吗,
on-select的用法
应该是回调函数,只用提供方法名就行,不用定义参数在这里插入图片描述
https://blog.csdn.net/jjw_zyfx/article/details/102310448

selection是已经选择的数据包括 currentRow

在这里插入图片描述

ivew手动修改 表格的值是不会渲染的,
https://www.cnblogs.com/surui/p/9038543.html
https://blog.csdn.net/panyang01/article/details/76665448

问题:
之前使用的+ 进行连接,如: console.log(“前端参数param是:”+self.filters.ip)
显示结果是: [object Object]

解决方案:

在VUE文件中,打印拼接的原始数据用  , 隔开,如
console.log("前端参数param是:",self.filters.ip)
结果即可正常显示:

————————————————
版权声明:本文为CSDN博主「~say hello」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_43295950/article/details/97678836

component lists rendered with v-for should have explicit keys.:

https://blog.csdn.net/qq_36069339/article/details/82191472

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “value2”

什么鬼
所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。(父组件更新,子组件中的prop值也会更新,但子组件不能修改由父组件传递过来的值)

解决办法:

定义一个本地的 data 属性并将这个 prop 用作其初始值,同步对组件的修改,再通知父组件更新

相关代码:
————————————————
版权声明:本文为CSDN博主「ST92」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_36938056/article/details/86526352

ivew click没有点击效果,原因不知,click.native试试https://blog.csdn.net/yufengaotian/article/details/80509147

如果使用router-link标签,加上@click事件,绑定的事件会无效因为:router-link的作用是单纯的路由跳转,会阻止click事件,你可以试试只用click不用native,事件是不会触发的。此时加上.native,才会触发事件。

题外话:
@ 这个东西实际上是 v-on 的简写,而 v-on 则是对 Vue 的事件体系封装后的 API 接口。

作者:WMLJS
链接:https://www.jianshu.com/p/bf5ede24c6e3
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

axios 代码没有执行,不执行说明有错误
居然不报错!!
官网的肯定行,但this undefined
axios的两种写法,
Vue,使用axios中this为undefined解决,this指向
也不是错误只是回调的时候对应

js;数组


1delete: 只是被删除的元素变成了 undefined 其他的元素的键值还是不变。

2) splice: 该方法会改变原始数组


pop():该方法用于删除数组的最后一个元素,并返回被删除的元素。官方语法:arrayObject.pop()

shift():该方法用于删除数组的第一个元素,并返回被删除的元素。官方语法:arrayObject.shift()

push():该方法用于向数组末尾添加一个或者多个元素,并返回新的长度。官方语

vue循环创建id拼接索引

报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritte

在vue2.0中子
Avoid mutating a prop directly since the value will be overwritte

iview 中collapse的on chage 要用@ 不要参数

在这里插入图片描述

子组件声明接收一个props
那么父组件在return 中有这个属性,并在templete中声明,具体在哪,这是有讲究的,我的是在声明了子组件的标签才能 传过去,之前 死活传不去,,非标签如路由的过去的组件要在 routerview 标签中声明

在这里插入图片描述
在这里插入图片描述

webstorm alt 8 加上typeof 可以得到类型,深度太大的时候用。
了解一下正则表达式的贪婪模式
在这里插入图片描述

不要用他默认table的selection,自己生成复选框,自己做选中,iview自己的多选有点鸡肋
this. r e f s . m y t a b l e . refs.mytable. refs.mytable.refs.tbody.clickCurrentRow(0)

mouted 中this 没有data的定义,用this.refresh 刷新才引用,原因未知

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值