logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

css水波浪动画效果

【代码】css水波浪动画效果。

文章图片
#css#前端
Vue3:vue-cli项目创建及vue.config.js配置

是JavaScript的超集(.ts文件),包含并扩展了 JavaScript 的语法。项目创建Vue 2.x、Vue 3.x 或自定义,默认版本vue3.x和vue2.x无需配置,自定义需配置。通过 ↑↓ 箭头选择依赖,按 “空格” 是否选中,按 “a” 全选,按 “i” 反选。自定义选择需要支持的特性 ( ↓ 不使用任何css或js扩展)vuex(vue的状态管理模式、store)CSS 预处

文章图片
#vue.js#前端#javascript
Vue分页及页码跳转

【代码】Vue分页及页码跳转。

文章图片
#vue.js#javascript
Vue使用v-html获取文档后css样式不生效

官方关于v-html的解释如下:在单文件组件里,scoped的样式不会应用在v-html内部,因为那部分HTML没有被Vue的模板编译器处理。解决方法:1、去掉<style scoped>中的scoped,(不建议使用,会改变布局,导致组件之间样式冲突)<style>.content img{width:100%;height:auto;margin:.5rem auto;

#html#css
Vue组件keepAlive实现返回上一页保存原数据

在页面中输入搜索条件跳转到详情页,从详情页返回要保留原页面输入的搜索条件及搜索的结果。效果如下:这里用到了vue的内部组件keepAliverouter.js注:列表页需要缓存 keepAlive: true,详情页不需要缓存 keepAlive: falseroutes: [{path: '/',name: 'index',//component: Homecomponent: () =>

#vue.js#javascript
Vue3:返回组件(运用keepAlive保留滚动位置)

this.$router.go(-1) 返回上一页最简单实用,现通过路由传参及keepAlive,实现返回保留滚动条位置。注意这两个activated 和 deactivated 这两个生命周期钩子函数。

文章图片
#html#前端
Vue:关于setInterval() 方法和clearInterval() 方法

W3CSchool对于setInterval()及clearInterval()的解释:在Vue中如下使用,clearInterval()是不会起作用的。created () {setInterval(this.ReckonTime,5000);},destroyed () {clearInterval(this.ReckonTime);},methods: {ReckonTime(){conso

#javascript
Vue中computed计算属性和data数据获取的问题

从后端获取数据,然后截取一部分显示到页面中去,就想到了用computed计算属性来截取获取到的数据然后直接在页面输出。<div class="detailBox"><h1 class="detailHead">{{ActiveData.title}}</h1><div class="detailCon"><p><b>活动时间:

#javascript
Vue3:全局播放背景音乐

说明:一个全局播放的背景音乐,首页无音乐无音乐图标,在首页互动跳转页面并开始播放音乐,切换页面不需暂停音乐也不会重置音乐,可以通过音乐图标控制暂停或播放。

文章图片
#javascript#vue.js#前端
Vue:push添加数据出现__ob__: Observer

__ob__: Observer这个后缀其实是Vue监控数据产生的,如果使用push添加数据就会出现__ob__: Observer

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