![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 53
路小雨的雨web
遇事认真对待就好!
展开
-
vue路由:hash模式下跳转404的问题。
3.问题的产生:登录后跳转home首页正常,点击跳转管理层页面(新打开浏览器窗口)。这时管理层页面编写标签:,跳转首页为404。2.首页和登录页在一个动态路由模块,而其他的管理层页面模块在另外一个动态路由模块。1.没有动态加载到home的动态路由,找不到路由,因此跳转404。原因:hash模式跳转后会记录上次浏览器的访问记录。a标签href的跳转换成@click,跳转后强制刷新当前页面。在点击浏览器自带的回退上一步的按钮时候又跳转到404了。原创 2024-06-14 15:08:43 · 221 阅读 · 0 评论 -
vue库element-ui checkbox使用方式
el-checkbox原创 2022-11-11 11:14:15 · 1274 阅读 · 0 评论 -
vuex 学习之路
vuex学习之路原创 2022-11-09 17:48:01 · 932 阅读 · 0 评论 -
vue零散记录之computed
computed 待补充原创 2021-01-24 15:40:08 · 102 阅读 · 0 评论 -
vue零散记录之组件引入 components
最近做的项目较为复杂,写法五花八门,这里做了简单累计,最近学到一种新的写法,比如有组件a.vue和子组件b.js,其中组件b.js内容为:exportconsts1 =`我是a.js的内容`;xportconsts2=`我是a.js的内容`;当a.vue 引入b.js的时候import{s1,s2}from"./b.js";exportdefault{ components:{ ss:s2, //意思是b.js中的s2在a....原创 2021-01-11 10:10:33 · 1282 阅读 · 0 评论 -
Vue零散记录之混入初级导出变量、方法,导入变量方法
js两个:A.js、B.jsB.js 导出var platform="";function getStr(len) { var a = 0; return a;} export {getStr,platform}A.js 导入B.jsimport {getStr,platform} from './B.js'就是这么easy ,看着用吧原创 2020-12-22 15:36:10 · 124 阅读 · 0 评论 -
vue零散记录之eventHub
eventHub 广播:使用场景:组件之间的迁就,例如,组件1的数据选择发生变化,组件2的某个场景也要相应切换知行:let eventHub = new Vue()// 监听疑问:创建监听需要在公共的父组件创建么eventHub.$on('eventName', (data) => { console.log('Trigger this event and receive ' + data)})// 广播eventHub.$emit('eventName', da..原创 2020-12-03 14:57:52 · 215 阅读 · 0 评论 -
vue零散记录之父子组件传值
1.input 使用了v-mode绑定值,不需要在写value;2.子组件传值给父组件:$emit父组件可获取子组件值:举例:父组件:parentServe.vue<template> <div> <child-serve@colorShow="ifshowColor"><!-- 这里是子组件传来的事件colorShow--> </child-serve> </div></tem...原创 2020-11-03 16:33:15 · 159 阅读 · 0 评论 -
vue之代理配置devServer(vue.config.js)片段
devServer:{open:process.platform==='darwin',host:'0.0.0.0',port:8080,before:app=>{},//配置vue代理进行跨域proxy:{//接口配置代理,解决本地调用跨域'/proxy':{target:'http://172.16.39.40:6067/lmH/tWlmVue/',//生产...原创 2023-12-13 15:31:01 · 1409 阅读 · 0 评论 -
Vs Code 搭档git使用
现在开发过程中都用git 辅助工具 -SourceTree.exe。但是个人还是希望能好好的把Vs Code这个软件好好利用起来。这款软件对于前端开发者来说轻便,好操作。下面呢,就开始介绍Vs Code 究竟是怎样和git搭档使用的。第一步:安装git去git官网根据电脑的配置来下载相应的git版本。个人是win10 64位,官网地址:https://git-scm.com/downloads没有特殊要求的话,傻瓜式安装Next Next Next 就行。下一步 下一步 下一步。.原创 2020-09-15 18:14:40 · 238 阅读 · 2 评论 -
vue debug调试
1.下载地址: https://github.com/vuejs/vue-devtools/tree/master2.解压到本地3.cd 到下载的文件包,先后执行npm install,npm run build注意:npm install (如果在这部报错的话,就改用cnpm install。 )-- 由于网速问题,一次不行就删掉重新执行几次。npm run build (这一步一定不要忘了,没有执行这一步的话,项目文件夹shells>chrome文件夹里会少一个src文件夹原创 2020-07-30 17:05:21 · 6425 阅读 · 2 评论 -
Visual Studio Code 如何快速生成vue 模板
打开Vs Code 工具右下角设置 选中User Sinppets 选New Global Sinppets file...输入代码片段:"Printtoconsole":{"prefix":"b","body":["<template>","<divclass='$2'>$5</div>","<...原创 2020-07-06 11:03:29 · 1349 阅读 · 0 评论 -
wepy的使用,方便开发小程序
关于wepy的踩坑,初步学习记录:最近熟悉小程序开发的过程中,遇到了一些问题,再次做些记录,方便后面使用。问题1:发现安装完wepy以后并不能马上创建项目;原因:网络不行加载了wepy 的template。解决方案:在网上找了一些资料, 勉强找到了一个能用的模板,下面附上下载地址:https://github.com/wepyjs/wepy-templates相关安装:关于wepy的安装卸载这里简单附上执行命令://卸载 wepy-clinpm uninstall -g wep原创 2020-07-02 10:23:15 · 608 阅读 · 0 评论