vue笔记
吕小胖纸
这个作者很懒,什么都没留下…
展开
-
在JS文件中使用或扩展已有的vue文件
在JS文件中使用或扩展已有的vue文件原创 2023-02-03 17:01:56 · 2110 阅读 · 0 评论 -
VUE不刷新页面的情况下更改浏览器链接后的query值
不刷新页面,不操作路由的情况下更改浏览器地址后的query值原创 2023-02-03 15:46:39 · 1909 阅读 · 0 评论 -
elementUI+vue2.x封装表格组件遇驼峰与连字符监听事件无效问题
elementUI+vue2.x封装表格组件,监听事件驼峰与连字符无效问题原创 2023-02-03 15:35:39 · 325 阅读 · 0 评论 -
antdv表格选择选中后翻页(后端翻页)改变数据,选择框不会被清空
antdv 表格选中后翻页,数据改变了,但已选择的选择框不会被清空原创 2023-02-03 11:03:44 · 700 阅读 · 2 评论 -
表单项formItem中使用自定义组件校验rules
elementUI以及antdv表单项formItem中使用自定义组件校验rules,达到自己触发校验规则的目的原创 2023-02-03 10:42:04 · 1942 阅读 · 0 评论 -
Vue 配合antd表格翻页、选中的一些问题
这两天工作中遇到两个问题:一个是在使用ATable的时候,由于数据是一股脑直接拿到手扔进table里面的,有翻页的情况,选中后,选中的数据与渲染的数据本身不一致。关于这个问题,我检查了接口返回数据和传入到table中的数据,到选中数据的赋值等一系列,发现都没有问题,唯独翻页之后选择的数据不对劲,通过观察发现翻页之后选中的数据为第一页的...原创 2021-09-29 18:04:38 · 1022 阅读 · 0 评论 -
nuxtjs——全局方法组件等挂载
nuxt将全局组件以及方法等挂载同意放在了plugins中, 以文件作为区分:例如,想要在此项目中全局挂载antd,那我需要在plugins下新建一个js文件,文件名随意,暂且叫antd-ui.js吧,里面的内容为:import Vue from 'vue';import Antd from 'ant-design-vue/lib';Vue.use(Antd);然后需要在nuxt.config.js中配置plugins:export default { plugins: [ '@/pl原创 2021-09-29 17:53:35 · 2038 阅读 · 0 评论 -
nuxt初学——请求以及代理的配置
不知道为啥,别人的项目直接就有安装请求啥的,但是我的就是没有安装。所以还得自己来安装配置一波。请求一般使用axios了,首先第一步就是npm install @nuxtjs/axios (我以为这些都是最开始集成在项目中的,大意了),然后需要你在nuxt.config.js的mudules中添加’@nuxtjs/axios’,如此就可以在项目中直接使用$axios了。当然开发项目中是离不开配置的,此时可以在nuxt.config.js中配置axios相关,即新增一个axios属性axios: { t原创 2021-09-29 16:48:21 · 1490 阅读 · 0 评论 -
nuxt初学——全部布局与自定义路由
公司要求项目要对SEO友好,但是没了大神的加持,虽然不想学习了,也得硬着头皮来,看了下nuxt,还好比较适合我这种只会vue也学不太进的。开始学习创建项目之后就遇到项目目录结构比文档上的少,虽然懵逼,硬着头皮自己创建了,没想到没问题。1. 全局头部布局首先就来一个全局头部布局的问题,毕竟都想一次注册,终身使用。原来nuxt是提供了的,我的创建项目的时候没有,所以自己创建了一个 layouts 文件夹,下面新增一个 default.vue 文件,默认的布局就是layouts -> default.原创 2021-09-29 16:07:00 · 1174 阅读 · 0 评论 -
跨项目协作——在本地如何进行脚手架的跨项目合作
最近在写公司需要用到的一个公共模块——表单创建。功能不重要,重要的是这个模块并不是某一个项目中需要用到,而是一个模块开发出来,基本公司的所有项目都可以使用这个模块。然而这个模块又是页面逻辑类的,我真是煎熬了很久词语一点头绪。首先,它可以作为一个小模块被嵌入其他某个页面中,另外还被提出要求来只需要使用script的标签就可以引用出来使用,像插件那样。emmm,本来就是要开发一个插件,但是小白的我表示很慌!总之,总结起来的意思就是要做一个模块,可以像从npm下载下来的模块一样用import直接下载下来然后原创 2021-07-01 15:38:10 · 152 阅读 · 0 评论 -
antdv表格的rowSelection设置单选禁用选中等
这个问题在项目中已经遇到过两次了:一次为表格想实现单选-禁用等另一次则是今天,遇上需求需要在初始化表格的时候默认选中项目 鉴于自己的记性太差,记录记录,万一哪天又遇到这个问题心血来潮来翻了一翻博客,那问题就解决了!犹记得实现表格项单选和禁用的需求出来的时候,我翻遍了百度,好多问题感觉快说道点子上了,结果就还真是差一点。这个问题折磨我很久,我觉得我怕是要完不成了,结果技术总监远程要求我翻官方文档,最后劲直停在了API列表中的 type="radio" ,我瞬间石化了有没有!之尴尬,所以还是原创 2021-05-25 16:55:44 · 5982 阅读 · 0 评论 -
vue使用prerender预渲染配合vue-meta实现单页面实现SEO优化
公司项目在已在开发中的情况下通知需要做SEO优化。因为项目使用的是vue做的单页面,顿时人都不好了,只好网上搜罗出来一些配置(其实是另一个伙伴他做的,但是他要走了,工作交接给我, 我需要掌握,所以也算是偷来一门技艺吧)。交代一下:选用的是prerender-spa-plugin插件配合vue-meta完成...原创 2020-06-11 17:50:46 · 1936 阅读 · 2 评论 -
记vue父子组件传值报错的一次事件
上周五(3.27)做公司项目时,遇到一个有意思的问题,虽然解决很好解决,但是今天上午(3.30)才把整个流程梳理通畅,所以记录下来,应该是个有意思的知识点(PS:其实不是我自己解决的,全程是我请教我们组的另一位大佬帮我答惑解疑的,毕竟,我是个渣渣…我又没看过源码也看不懂~)。问题来源于我在created生命周期中调用接口获取数据然后赋值给data中某个空对象的某个属性。这整个对象被传给子组件使用...原创 2020-03-31 15:20:01 · 615 阅读 · 0 评论 -
我终于迈出了第一步——vue组件封装(分离)
大家都知道用vue开发对程序员来说非常棒啦!当然,其实只是因为是现在的主流而已。当然,对小白我来说,只觉得数据双向绑定有用而已,哈哈哈哈哈!最近,小白我终于,又上了一个台阶,那就是!终于肯封装组件啦!(注意是肯不是会,因为懒,我不管!)以前用vue做项目的时候,遇到公共的地方,直接复制粘贴,多好!(一直都觉得复制粘贴最省事,当时的想法:复制粘贴还能多很多行代码–>以前听说程序员的薪水是...原创 2019-06-28 14:18:29 · 3846 阅读 · 3 评论 -
vue配置全局访问路径头(axios)
在vue中用axios发送请求的时候总是:axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})配置全局的url:1.安装axios:npm install axios --save-dev2.main.js:import axios from “a...原创 2019-01-18 19:17:17 · 7973 阅读 · 0 评论 -
vue中页面跳转控制(登录控制meta)
用vue做商城,需要做登录控制,只需在全局配置即可1.在路由中,在需要做登录控制的路由中添加代码:meta: {isLogin: true}meta中添加一个isLogin标志,它的检验标志为需要检验,2.在全局(main.js)中配置:router.beforeEach((to, from , next) => {if (to.path === “/login”) {nex...原创 2019-01-18 19:17:26 · 2508 阅读 · 2 评论 -
vue中router-link传参(商品从列表页到具体详情页跳转)
今天用vue做商品详情页的时候遇到一个问题:在主页有商品列表,点击某一个列表跳转到相应商品的详情页中去,使用router-link链接,代码如下< div v-for=“item in goods”>< router-link :to="{name: ‘Details’, params: {goodId: item.goodId}}">< /div&am原创 2019-01-18 19:17:34 · 5943 阅读 · 0 评论