- 博客(10)
- 收藏
- 关注
原创 audio地址不变,内容变化
如果你遇到Vue中audio的src地址没有变化,但是音频内容发生了变化,这通常是因为同一个src指向的资源发生了变化。如果你的音频内容是根据不同的数据动态生成的,你可以在src中加入一个唯一的标识,例如时间戳或者其他唯一值,来确保每次内容变化时,src都会变化,从而导致音频元素重新加载。如果你是在内容变化后手动更新src属性,确保你在更新src之前使用null或者空字符串暂时替换掉原来的src,使得audio元素能够重新加载资源。以上方法可以根据具体情况选择适合的解决方案。
2024-04-01 17:04:26
296
转载 动态加载图片
在前端,模块的引入默认是不支持全动态引入的(即:require(变量)),支持半动态引入(即:require(静态路径+动态变量路径))今天有个需求是从后台查询出图片的相对路径,然后遍历写入到网页结构中实现图片的动态展示。3.require使用及注意事项。1.相对路径和绝对路径、根目录。2.vue页面加载图片的原理。
2023-06-01 15:49:19
3083
1
原创 获取当前时间
年月日// 先获取当前时间:var date = new Date()console.log(date) //Tue Aug 17 2021 14:59:29 GMT+0800 (中国标准时间)// 年var year = date.getFullYear() // 2021// 月份是从 0 开始,所以需要 +1,才是当前月份var month = date.getMonth() + 1 // 8// 月份只有一位的时候,需要在前面加上:0var month = date.getMo
2021-08-17 15:17:06
1141
转载 Vue传值
传值通过路由带参数进行传值。通过设置Session Storage 缓存的形式进行传值。// A组件缓存userconst user = { 'name': 'Lucy', 'age': 18}sessionStorage.setItem('缓存名称', JSON.stringify(user))// B组件获取缓存const userB = JSON.parse(sessionStorage.getItem('缓存名称'))父组件传值给子组件如果参数很多,可以使用json 数组
2021-07-05 14:33:14
429
转载 Vue路由
路由传值的方法和区别区别this.$router:VueRouter 的实例,要导航到不同的URL,就要使用$router.push()this.$route:当前router 跳转的对象,可以获取到name、path、query、params等。{ path: '/home', name: 'home', component: Home},传参使用$router.push 拼接参数传参。// userName=one 就是传递的参数this.$router.push('/
2021-07-05 10:36:56
59
转载 watch和computed的区别
watch主要用于监控vue实例的变化,它监控的变量必须在data里面声明才可以,它可以监控一个变量,也可以是一个对象,也可以监控对象里面的属性。data() { className: "三年级五班", studentInfo: { name: "王富贵", sex: "女", age: 21, }},watch: { // 监控单个变量 className(newVal, oldVal) { console.log("新值:" + newVal, "旧值:" + ol
2021-06-15 14:47:19
149
原创 for和if的混合使用
for和if的混合使用最开始混合使用是直接将 if 嵌套在 for 循环里这样最大的问题是增加了工作量,而且代码过于复杂,不易读懂。如果一个变量(cunzai)来表示该学生是否存在,一个变量(xiabiao)来返回遍历数组得到的下标值,就可以直接删除该学生或者没找到该学生,不需要再去套一个 if 条件来表示没找到,同时也提高了代码的阅读性。...
2020-07-19 16:35:12
5550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人