![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
秋风铁马
行百里者半九十
展开
-
Vue中使用PubSub-js进行组件间通信时出现‘publish‘ of undefined异常解决办法
解决办法:如果发布消息时用的代码形如this.PubSub.publish(‘xxx’, test),就将其中的this.去掉,即直接使用PubSub.publish(‘xxx’, test)。在vue中进行组件间通信时,发现控制台出现如下异常:[Vue warn]:Error in callback for watcher "xxx": "TypeError: Cannot read property 'publish' of undefined"经过网上反复查询,未找到有用信息,于是就尝试将..原创 2021-01-30 09:00:51 · 2354 阅读 · 9 评论 -
在Vue中使用ElementUI的“Image图片”组件时图片无法显示问题
接下来处理其它细节问题:1)"品牌logo地址"一栏目前是显示文件名称,可以修改为显示图片:参考ElementUI文档《自定义列模板》和《Image图片》,使用下面的template:<template slot-scope="scope"> <i class="el-icon-time"></i> <span style="margin-left: 10px">{{ scope.row.date }}</span><原创 2021-01-07 13:57:51 · 5943 阅读 · 10 评论 -
启用阿里云对象存储OSS的“服务端签名后直传”后无法上传文件问题
启用阿里云对象存储OSS的“服务端签名后直传”后,测试文件上传功能,服务端签名数据能成功获取,详情如下:{"msg":"success","code":0,"data":{"accessid":"L***t","policy":"ey***XX0=","signature":"EqsbPoxA/V***I=","dir":"2021-01-07/","host":"https://***.oss-cn-beijing.aliyuncs.com","expire":"1609993896"}}但是,后续原创 2021-01-07 12:50:20 · 2327 阅读 · 2 评论 -
NavMenu导航菜单中使用vue-router模式时的注意事项
注意事项一:router正确使用方法为:<el-menu ... router>......</el-menu>或者:<el-menu ... :router="true">......</el-menu>注意事项二:需要路由跳转时,需要在el-main中使用路由视图配置项,即:<el-main> <router-view></router-view></el-main>注意事项一原创 2020-12-25 18:21:24 · 2187 阅读 · 3 评论 -
在VSCode中如何创建Vue快速模板?
路径:文件→首选项→用户片段→根据需要选择片段类型(如:新建全局代码片段文件)→输入自定义文件名(如:myVue)→回车→将原有内容删除,写入自定义模板。如,可写入下面的模板:{ "Vue快速模板": { "prefix": "vue", "body": [ "<template>", "<div></div>", "</template>",...原创 2020-12-25 17:36:29 · 384 阅读 · 0 评论 -
Vue.js脚手架安装后无法正常使用vue相关命令问题解决办法
npm install -g @vue/cli-init ##或者:cnpm install -g @vue/cli-init通过上述命令安装vue脚手架后,想要通过vue init webpack xxxname初始化项目,却弹出提示:‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。此时,查看vue-cli的版本号,同样提示上述内容。使用PowerShell查看版本号,提示如下:vue.cmd : 无法将“vue.cmd”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。原创 2020-12-24 22:53:04 · 9323 阅读 · 2 评论 -
Vue.js v2.6.12——使用组件化时遇到的大乌龙事件
先看组件化定义的两段代码:代码01:Vue.component('button-counter', { data: function () { return { count: 0 }; }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'});代码02:Vue.component('counter', {template = '&l原创 2020-12-24 19:23:53 · 1089 阅读 · 1 评论