Vue2
Vue2
山为樽水为沼
处明者不见暗中一物,处暗者能见明中区事
展开
-
实现一个周选择器组件
默认每个月的第一个周一为该月的第一周开始,规则如图所示。处理selectWeek,获取当前日期所在的周。data中定义涉及到的参数。原创 2023-07-07 15:47:01 · 839 阅读 · 0 评论 -
通过接收后台返回数据来实现Vue动态路由
动态路由加载原创 2023-02-09 13:46:39 · 2887 阅读 · 0 评论 -
如何在vue3+vite+ts中使用require
vue3+vite+ts中不能使用require<img :src="getAssetsImages(children.icon.type)" alt="" style="width: 35px;height: 35px;">1、vue2中可以给图动态设置src属性const getAssetsImages = (name) => {return require(/src/common/images/menu/${name}.png)}2、vue3+vite+ts使用requ原创 2022-04-13 18:28:15 · 13175 阅读 · 4 评论 -
vue项目使用proxy解决跨域问题
在项目中创建vue.config.js文件,配置服务器代理,其中selfservice是接口共通部分module.exports = { devServer: { proxy: { '/selfservice': { target: 'http://xx.xx.com', // target: 'http://172.16.3.58:8000', pathRewr原创 2021-10-19 13:48:42 · 267 阅读 · 0 评论 -
vue中的计算属性简写与完整写法
1、简写与全写的区别vue中的计算属性分为简写和完整写法,简写的方式是不考虑计算属性的修改的,而完整的写法是考虑计算属性的读与写的2、vue2下计算属性的写法<input type="text" v-model="oneName"><br> <input type="text" v-model="lastName"> <p>{{fullName}}</p> <p>{{testName}}</p> <in原创 2021-08-03 15:18:18 · 2307 阅读 · 0 评论 -
ant design for vue
此框架为vue UI框架ant-design-vue官网:https://vue.ant.designGithub:github.com/vueComponent/ant-design-vueAnt-design主站(react):ant.design/index-cnant-design-pro-vue:https://github.com/sendya/ant-design-pro-...原创 2019-12-11 09:04:46 · 1448 阅读 · 0 评论 -
使用vscode创建vue代码片段
step1:文件-首选项-用户代码片段,输入vue,点击enter后进入vue.json文件,将下方代码完全覆盖掉以前内容,保存step2:测试新进test.vue文件,在vue文件中输入vue,点击table就能自动生成模板了,如果想调整模板内容,在vue.json中修改{ "Print to console": { "prefix": "vue", ...原创 2019-04-28 09:18:08 · 360 阅读 · 0 评论 -
十分钟上手-搭建vue开发环境
十分钟上手-搭建vue开发环境转:https://www.jianshu.com/p/0c6678671635转载 2019-01-17 16:16:18 · 1362 阅读 · 0 评论 -
vue项目中上传文件至阿里云
先前准备:axios、jquery、uuid使用npm安装1.采用elementui的上传插件,注意两点,action置为空,http-request覆盖默认的上传行为<el-upload class="avatar-uploader" action="" :http-request='httpRequest' :show-file-list="false" ...原创 2019-12-04 17:10:30 · 2316 阅读 · 5 评论 -
vue+element实现Select 选择器的远程搜索、滚动加载
1、html结构:<el-select v-model.trim="query.enEnterpriseBaseId" v-loadmore="loadMore" clearable filterable placeholder="企业名称" @visible-change="getEnterpriseName" style="margin-right:8px;width:230px" remote :remote-method="remoteMethod"> <原创 2021-06-22 17:26:55 · 3866 阅读 · 8 评论 -
vue路由报错误问题(NavigationDuplicated)
在route.js中配置:import Router from 'vue-router'const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}原创 2020-11-06 16:04:20 · 373 阅读 · 0 评论 -
VUE中获取地址参数
方式一:this.$route.query.token此种方式获取到的是解析后的数据,不能用作访问其他地址作为参数使用,可以获取解析参数内容后并使用方式二:this.$route.fullPath获取路由地址,手动截取,可用作访问其他地址作为参数使用letpath=this.$route.fullPath;this.token=path.substr(path.i...原创 2019-09-25 10:11:19 · 5962 阅读 · 0 评论 -
VUE中,几种通信
1.commit=>mutations,用来触发同步操作的方法,this.$store.dispatch('actions的方法',arg)。2.dispatch =>actions,用来触发异步操作的方法,this.$store.commit('mutations的方法',arg)this.$store.dispatch('login', result.data.data)...转载 2019-04-29 13:26:35 · 478 阅读 · 0 评论