vue
文章平均质量分 51
一些vue中遇到的坑和实用的一些技术点。嘿嘿,香香
ZemanZhang
提问的话若有空就回,我是一个四五年的前端菜菜,熟悉uniapp,vue,nuxt,react,nodejs,微信小程序,saas系统,python,目前还是一枚菜菜,目前正在看sql,python,Java, AI等乱七八糟的。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Nuxt中使用axios并设置代理
Nuxt配置axios代理原创 2023-05-08 10:20:08 · 972 阅读 · 0 评论 -
Nuxt解析markdown字符串生成HTML
nuxt解析markdown文档原创 2023-05-08 10:02:03 · 658 阅读 · 0 评论 -
前端同一顶级域名下的多个二级域名cookie共享
那么此时此条cookie可以在绑定了ericzhang528.com的任何二级域,三级域的站点下进行访问了。我们平常使用cookie的话更多的是存储在当前域名下。也并不会去设置cookie的某些域。也就是如图所示的Domain中的字段,是添加到Domain里的。此时我将我本地的环境的自定义域名改成顶级域后也是可以访问的。那么我们想要添加到顶级域的话则还需要添加一个字段配置项。想我们如下写法的话cookie是默认添加到当前域的。那么此时的cookie存储域就放到了顶级域下面。其实cookie是带域的。原创 2023-02-18 10:19:42 · 1413 阅读 · 0 评论 -
vite搭建vue3项目本地环境自定义域名及端口配置
此时我们可以打开我们的vite创建的项目了,打开vite.config.js,直接输入如下配置即可,运行项目即可达到自定义域名的一个目的了。原创 2023-02-17 20:34:54 · 6059 阅读 · 16 评论 -
uniapp拖拽悬浮球与页面滚动冲突
直接给悬浮球的事件添加阻止默认行为和阻止冒泡的修饰符就行了。关于uniapp拖拽悬浮球和页面滚动冲突的解决方案,其实主要原因是点击悬浮球时相当于点击到了页面上。拖拽时触发了默认的页面滚动事件。原创 2023-02-11 09:57:11 · 666 阅读 · 0 评论 -
Vue2.x两种方式书写v-model组件来进行组件双向绑定
最后添加model属性来允许自定义组件使用v-model,虽然平时我们用到的时候可能不知道,也就不知道会调用到它,那是因为它被设置了默认值。而有的时候,我们则需要主动去调用它来自定义model的prop和event。来达到自定义v-model的目的。当然如果不想用input方法也可以用watch来监听inpu框的值来达到这个目的,这样就释放掉原本的input方法了。当然这个props属性你随便自定义,我这里就用value了。下文是官方的对于此api的描述。首先添加props属性,下面是此方式的完整代码。原创 2023-02-10 11:58:10 · 1083 阅读 · 0 评论 -
axios在vue中的二次封装
在企业级的 Vue 开发中,axios 插件的使用频率很高,每次请求都需要进行一些常见的操作,比如传递请求头、传递 Cookie、在请求头中传递登录信息等。如果不对 axios 进行进一步封装,就需要重复编写添加请求头和传递特殊数据的代码,这样非常浪费时间。同时,HTTP 请求可以分为请求头和响应头,在 axios 中两者都可以添加进一步的操作和拦截。我们的封装就是处理这些操作的。在日常的企业级开发中,通常会将 axios 的函数进行封装,提取为一个函数,以进行一些统一的操作。首先,我们创建一个名为。原创 2022-12-18 23:14:33 · 568 阅读 · 0 评论 -
三篇笔记入门nuxt——nuxt中的vuex
本文仅仅为笔者笔记,且本文针对拥有vue的基础的人群,若无vue基础请勿喷谢谢。vuex的使用storedemo.jsdemo.jsexport const state = () => ( { key: 'value' })// mutations的使用export const mutations = { add(state, playload) { state.key = playload; }}// actions的使用export原创 2022-05-27 14:05:01 · 424 阅读 · 0 评论 -
三篇笔记入门nuxt——请求数据
本文仅仅为笔者笔记,且本文针对拥有vue的基础的人群,若无vue基础请勿喷谢谢。请求数据demo:export default { async asyncData({ $axios, params, error }) { try { const res = await $axios.$get("url") return { res } } catch (e) { error({ statusCode: 404, message: 'Not fou原创 2022-05-27 14:04:16 · 665 阅读 · 0 评论 -
三篇笔记入门nuxt——路由和视图
本文仅仅为笔者笔记,且本文针对拥有vue的基础的人群,若无vue基础请勿喷谢谢。安装$ npx create-nuxt-app <项目名称>$ npm run dev使用路由在pages目录下建立新的目录或者vue文件会生成新的路由并自动添加到 .nuxt 目录下的router.js中,并进行引用若在pages/目录 内创建多个vue文件以index.vue为一级路由,其他命名的为当前目录的子路由跳转在vue文件中直接书写 a 标签进行跳转的话会刷新当前页面若不需要刷新需原创 2022-05-27 14:03:07 · 573 阅读 · 0 评论 -
记一次el-select远程搜索默认数据回显问题
el-select远程搜索的数据初始化的问题解决方案原创 2022-05-27 13:59:06 · 5291 阅读 · 0 评论 -
浅谈前端路由原理,VueRouter原理和ReactRouter原理
浅谈Vue和React路由的原理简述Hash模式(Vue/React)History模式(Vue/React)要养成好习惯。先关注点赞收藏再进行观看哦简述其实Vue和React在很多地方,底层原理和语法上差别并不是很大。底层原理更多的是相同的。就比如说React有JSX,Vue有Template。其实就可以理解成一个东西,就是写法不同。当然我们今天说的React的路由和Vue的路由也是一样。底层原理其实也差不多。Hash模式(Vue/React)其实前端路由真的简单谈谈原理的话并不难,原创 2021-11-04 10:50:46 · 834 阅读 · 1 评论 -
Element-ui 表单校验二次封装
Element-ui 表单校验二次封装说明Params说明本封装仅仅是将一些校验规则进行循环使用,避免多次重复书写而封装的若有更好用的封装请各位大佬艾特我,我必紧紧跟随学习,追随大佬的脚步若有更好的思路请留言,感谢ParamsSmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:querytypedefaultdescrequiredBoolean默认为false是否必传triggerString默认为blur触发事件原创 2021-06-23 10:17:48 · 637 阅读 · 0 评论 -
Vue图片裁剪vue-cropper和el-upload结合
Vue图片裁剪vue-cropper和el-upload结合安装vue-cropper引入vue-cropper应用2021-03-09vue中遇到图片裁剪和el-upload结合,未接触过记录下写法及应用安装vue-croppernpm i vue-cropper -S引入vue-cropperimport VueCropper from 'vue-cropper'Vue.use(VueCropper)应用需要将element-ui中的以下属性做出修改auto-uploadact原创 2021-03-09 00:24:44 · 1906 阅读 · 0 评论 -
Vue常见面试题
对于Vue是一套渐进式框架的理解渐进式代表的含义是:主张最少。Vue是渐进的,没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开发,当Angular用;还可以用它的视图,搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念,也可以函数式,都可以,它只是个轻量视图而已,只做了自己该做的事,没有做不该做的事,仅此而已。vue的两个核心数据驱动视图和组件化开发vue的生命周期和生命周期函数创建:beforeCreate 和原创 2020-06-18 17:26:16 · 703 阅读 · 2 评论
分享