logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue使用vuex-persistedstate插件时,遇到的问题

这是一个做持久化的插件:vuex-persistedstate我在做项目时,遇到一个问题,就是做下面这个功能,渲染数据的时候,因为这个数据好多个地方使用,所以呢,把它存到了vuex里面。vuex 是将数据存到了浏览器的内存中,刷新就没了这行代码是写在vuex里面的,就是说,我直接从本地去拿数据list: JSON.parse(window.localStorage.getItem('abc')).

vue-quill-editor如何限制字数

1.<quillEditorv-model="form.info"style="height:200px"ref="myQuillEditor"@change="onEditorChange($event)":options="editorOption"></quillEditor><div style="text-align:right;margin-right:1

#vue.js#javascript#前端
vue 中使用$http 服务

1.npm install vue-resource --save-dev2.main.js中 导入并使用 VueResource/*引入资源请求插件*/import VueResource from "vue-resource";/*使用VueResource插件*/Vue.use(VueResource);3. 这样就可以使用 this.$http.get或者 this.$http.post

#vue.js#前端
Vue3.0 手写省市区三级联动组件

全国地区数据会很大,我们可以直接用这个地址https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json实现的效果如下:考虑到城市组件也会在项目其它地方使用,所以把城市组件定义成全局组件。来复习一下vue3.0中,将组件封装成全局的:1.src/components 下新建.vue文件,用来放城市组件,2.3.知道了实现

#vue.js#javascript#html
Vue3.0实现点击左右切换按钮,滑动切换不同内容的效果

这个是默认效果当我点击了向右的按钮,显示如下效果:思路是这样的: 首先它也是切换,只不过加了个css滑动的样式。切换一般都是定义一个变量,表示默认情况下是什么样的。接下来发现,每次滑动的距离正好是版心的宽度,transform:translateX(滑动的距离)那就是两种状态,一种是当前这种,一种是左滑一个版心的宽度。当我们点击不同的按钮时,transform:translateX(滑动的距离)

Vite 的基本使用

npm create vite或者 yarn create vite。3.选择创建项目的类型 -- vue 类型。vite创建ts模板的项目快捷命令。4.选择创建的vue项目的类型 (接下来就是启动项目了。

#javascript#前端#html
vue3+ts 音频播放功能(多个音频播放器)

【代码】vue3+ts 音频播放功能(多个音频播放器)

#音视频#vue.js#javascript
vue3中的RouteRecordRaw

是 Vue Router 4.x 中新增的类型,用于定义路由配置。它是一个 TypeScript 类型。只是一个类型定义,它并不会自动注册路由。要将其注册到 Vue Router 中,还需要使用。函数创建路由实例,并将路由记录传递给该实例的。

文章图片
#vue.js#前端#typescript
vue 实现动态路由

如果我们希望在调用addRoutes方法之后,要路由数据立刻反映到菜单中,我们需要想一个额外的方法,思考一下,vue开发中,哪个技术可以保证响应式特性还可以动态修改?上一步我们实现了: 1.把动态路由通过addRoutes动态添加到了路由系统里, 2. 把动态路由保存到vuex的menu中,但是我们没有和权限数据做搭配,接下来我们通过接口返回的权限数据对动态菜单做过滤处理,以确定完成菜单与用户权限

#vue.js#前端#javascript
    共 11 条
  • 1
  • 2
  • 请选择