logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

css 数字从0开始增加的动画效果

【代码】css 数字从0开始增加的动画效果。

文章图片
#css#前端
element 中select下拉框和el-popover下拉框 位置偏移的情况

在el-select中添加teleported="false"既可解决。同样添加teleported='false'

#vue.js#elementui#javascript
vue 在data中引入图片 和 背景图片

在data中引入图片的时候,要加上 require一、在data中引入图片:data() {return {active:0,firstLUl: [{title: "全站监控运维管理",img: require("../../assets/logo.png"),content1: "6666666666666666666666",conte...

#vue.js#前端#javascript
vue配置全局路由守卫,实现无token时,只能访问登录页的做法

// 在此处进行配置全局的路由守卫(全局前置钩子)// 目的是:判断当前用户中本地存储是否有token,使用户在登录之前,只能访问到/login页面,其他的页面是访问不到的。router.beforeEach((to, from, next) => {// to 即将进入的路由// from 在哪个路由进入的// next 放行//console.log(to); //打印的是页面要跳转到的

#vue.js#javascript#前端
vue自己封装组件(通过具名插槽、组件传参 封装的一个属于自己的弹窗组件)

1.首先,将自己想要封装的组件创建好。(使用插槽、组件传参来控制这个弹窗的显示和隐藏,以及弹窗的内容)<template><div id="qf-modal" v-if="visible"><!-- 封装一个弹窗的组件 --><!-- 通过插槽来控制弹框展示的内容 --><div class="mask"><div class="w

#vue.js#javascript#前端
vue 动态路由匹配(页面跳转到同一个页面)

我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:const User = {template: '<div>User</div>'}const rou

#vue.js#javascript#前端
vue2 响应式原理的缺点及解决办法

vue2 响应式的缺点是:无法监听到对象属性的动态添加和删除无法监听到数组下班和length长度的变化我们可以用以下方法解决:this.$set this.$delete完整代码如下:<template><div><p>姓名:{{ person.name }}</p><p>性别:{{person.sex}}</p><p&

文章图片
#javascript#vue.js#前端
vue在标签中使用三元表达式的注意点

<use :xlink:href="iserWei?'#icon-diannaojiaobiao':'#icon-erweimajiaobiao1'"></use><!-- 在一个标签中使用三元表达式,一定要动态绑定 -->一定要在动态绑定的属性前面加上一个冒号,否则 这个三元表达式会不生效的。...

vue3父组件使用ref获取子组件的属性和方法

2.在引入的子组件标签上绑定ref属性的值与定义的响应式变量同名( <demo1 ref="demo1"/>)。1.<script setup> 中定义响应式变量 例如: const demo1 = ref(null)此时子组件用的是export default 的写法。的组件,想要让父组件访问到它的属性和方法需要借助与。写法会导致父组件无法访问到子组件中的属性和方法。这种方式,父组件可以正常获取

文章图片
#vue.js#javascript#前端
    共 34 条
  • 1
  • 2
  • 3
  • 4
  • 请选择