vue项目出现问题

news/2024/7/10 1:46:55 标签: vue

vue_0">vue项目出现问题

1.vue+elementUi项目中 饿了么组件上不能直接添加事件,要加上.native

<el-card :body-style="{ padding: '0px' }" class="singleItem" :style="{width:newItem.itemWidth+'px'}" @click.native="navVideoPlay(newItem)">

或者是在组件上面加个div,在div上添加事件。

2.阻止事件冒泡事件
在这里插入图片描述
整个图片有个点击事件,官方这里也有个点击事件,阻止事件冒泡:可以在官方的点击事件上加上 .stop

<span class="left" style="cursor: pointer;" @click.stop="anchorDetail">{{ item.author }}</span>

3.更改页面title

main.js中添加如下代码

router.beforeEach((to, from, next) => {
    /* 路由发生变化修改页面title */
    //to.params.type中type是要传的值的名称
    if (to.params.type) {
         // document.title是默认的文档标题
        document.title = to.params.type || '首页'
    }
    next()
})

在这里插入图片描述


http://www.niftyadmin.cn/n/855370.html

相关文章

JS小游戏_能坚持几秒

http://test.douzhao.com/test.htm 规则很简单&#xff1a;移动方块&#xff0c;不要被4个长方形碰到&#xff0c;会加速的。 我只有22.219秒&#xff0c;玩过的人把成绩贴一下吧。 xjyggd22.219 昨晚快睡觉时玩了一下&#xff0c;到24秒了&#xff0c;发现这4个长方形的移动有…

var、let、const在使用中的区别

var、let、const在使用中的区别 此文章非原创文章&#xff0c;是借鉴文章&#xff0c;转载请注意&#xff01;&#xff01;&#xff01; <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title></head><bo…

组件之间传值(父子组件、非父子组件)

组件之间传值&#xff08;父子组件、非父子组件&#xff09; 一、父子组件之间传值 1.父向子传值 &#xff08;1&#xff09;.父组件 父组件里需引用子组件&#xff0c;并传值给子组件&#xff0c;代码如下&#xff1a; <template><div><span>哈哈哈哈<…

Vue实时刷新数组

Vue实时刷新数组 1.第一种&#xff0c;直接拼接数组 <template><div style"border: 1px solid #ccc; width: 500px;height:200px; margin: auto;"><div><button click"addItem" style"float: right;" >添加新的项<…

把SQL查询出来的2个表合并

如果要去重复就用 UNION 如果不去重复就用 UNION ALL select * from A union all select * from B

man和woman的近义词

今日偶然发现了这个网站http://www.similar-word.com/default.asp&#xff0c;挺有自己特色的一个站点。 你可以试着输入man看看 搜索结果 然后再输入woman看看搜索结果。 哈哈&#xff0c;感觉起码这俩词的结果是很准确哦。

nodejs-websocket创建websocket服务器

nodejs-websocket创建websocket服务器 首先&#xff0c;感谢csdn各位大佬们对创建websocket的解释&#xff01; 1.安装模块 npm install nodejs-websocket 2.搭建websocket服务端 这个是一个js文件 //websocket.js // 搭建websocket服务器 const ws require("nodejs-we…

******网络的五十种方法

现在网上的***事件越来越多&#xff0c;***都是通过什么方法来***我们的呢&#xff1f;下面我们给大家总结了******网络的五十种方法&#xff0c;让大家做到有备无患。 1.网宽网络有限公司制作的网站基本都有注入漏洞 搜索网宽网络 2.搜索栏里输入 关键字%’and 11 and ’%’’…