weixin_45899022的博客

【代码】prettier --config ./.prettierrc.cjs --write ./src。

此篇文章目的是，要集中写路由路径，在其他页面需跳转时，也是引入这里定义的路径，方便以后修改路由路径// 集中定义路由路径export const ROUTER_URL = { LOGIN = '/login/login', PRODUCT_LIST = '/productList/productList', . . .}// 路由页面import Vue from 'vue';import VueRouter, { RouteConfig

1、在vue中，在标签中添加下面代码@touchmove.native.stop.prevent2、在原生h5中，可以通过弹窗的显示，来控制body的溢出是否隐藏//弹窗显示，body内容溢出隐藏overflow:hidden;//弹窗关闭，body隐藏显示滚动条overflow:auto;...

mounted() { if (this._isMobile()) { alert("手机端"); // this.$router.replace(‘/m_index‘); } else { alert("pc端"); // this.$router.replace(‘/pc_index‘); } }, methods: { //App.vue _isMobile() { let fla

效果图，红框的就是不可选的在el-date-picker中添加picker-options属性，<el-date-picker v-model="form.endTime" type="date" placeholder="请选择结束时间" value-format="yyyy-MM-dd" :picker-options="pickerOptions"></el-date-picker> 然后在data中添加data(){ return{ pick

效果图：1、让v-charts中的图例显示在图表的下方：在 <ve-line :data="chartData" :legend="legend" ></ve-line>添加legend属性并在data中加上this.legend = { bottom: "0" };这样就完美解决了2、解决title不生效问题：在<ve-line :data="chartData" :title="title"></ve-line>添加title属性并在data

鼠标移入完整代码：<template> <div class="container"> <div class="goods-box"> <div class="left"> <div class="bg-img"></div> </div> <div class="right"> 商品标题 </div>.

https://segmentfault.com/q/1010000010256764

https://www.jianshu.com/p/a7b978eaac35

https://blog.youkuaiyun.com/qq_41186730/article/details/101104680

elementUI的el-tabs标签页组件，鼠标移到label上可显示icon按钮图标，但是点击icon时也同时选中了tab，还有下滑线也会因为加了icon而变长，所以需要自写一个tabs标签页解决这两个问题效果图：完整代码：<template> <div class="container"> <div class="tabs-group"> <ul> <li v-for="(item,i) in ta

效果图：完整代码：<template> <div class="container"> <div class="btn-group"> <div class="more-btn" @mouseleave="mouseleave()" @mouseenter="mouseenter()"> <el-button onfocus="this.blur()">操作</el-button>

<template> <el-container> <div :class="{'hideAddBtn':fileList.length}"> <el-upload :action="uploadImage" :headers="{ token:jdb_token }" :limit="1" :file-list="fileList" :on-exceed="ha

解决：在对话框el-dialog标签中添加z-index=“1000” (如果是两千多可能会导致第一次会被遮挡住，第一次后不会被遮挡的问题)<el-dialog title="服务费" :visible.sync="modalStatus" width="40%" z-index="1000" center :close-on-click-modal="false" @close="closeModalFn">...

问题：给el-table绑定行点击事件row-click，点击行时，触发表格的行点击事件，可是表格中有操作列，列中有其他点击事件，比如编辑和删除，此时点击编辑事件，也会触发表格的行点击事件了解决办法： 在操作列的 @click 事件时添加 .stop <el-table-column label="操作" > <template slot-scope="scope"> <el-button type="text" @click.stop="handl

display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;注意：要固定高度

reload(item, index) { let obj = this.tableData[index] obj.isReloading = true this.$set(this.tableData, index, obj);}附加描述：详细描述：https://cn.vuejs.org/v2/guide/reactivity.html...

let url = this.$router.resolve({ path:"/trend/competitiveTrend", query:{ type:id, row:JSON.stringify(item)//对象（接收时需要加JSON.parse()） } }) window.open(url.href)/...

注意：是 @keydown.native 而不是 @keyup.enter.native，事件中的$event不能改<el-input type="textarea" v-model="form.keyword" @keydown.native="prevent($event)"></el-input> methods: { prev...

在点击事件中加上这行代码,修改对应的id名即可document.getElementById("idName").scrollIntoView();

https://blog.youkuaiyun.com/weixin_37227218/article/details/89812597https://www.cnblogs.com/lengv10/p/3824867.html欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Mar...

如果加的这个事件是异步执行的话是被拦截的，改为同步即可第一部分代码跳转会被拦截，第二部分的就不会了<template> <div> <a @click="openPushProduct(url)" target="_blank" onfocus="this.blur()">新标签页打开</a> </div></...

出现这个问题是以为.vue文件里面export default {}写了data(){}却没写return{}export default { data(){}}

在项目开发中有部分开发者为了想在DOM渲染之后再执行某个函数而使用定时器setTimeout来解决其实 this.$nextTick() 更加好用，因为定时器要设置时间，你不知道DOM多长时间后渲染完成，定时长了效果不好，定时短了没效果而它就是在DOM渲染完那一刻执行的延迟回调详细请看☞ vue官方文档...

问题：打开表单，触发验证后，关闭表单，再重新打开表单时，之前触发的验证还在，如下图所示解决：在关闭表单时添加下面代码this.$refs.xxx.resetFields();注意： 代码中的 xxx 是你表单中 ref=“xxx” 中的xxx，这两个要一致...

这个是因为在页面中使用了el-dropdown，但是在这个标签里面没有设置它的子元素，所以会报错，在el-dropdown中添加el-dropdown-menu标签就好

环境变量和模式概述：可以替换项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略一个环境文件只包含环境变量的“键=值”对：VUE_APP_API = http:...

描述：在el-table中使用v-if控制某些列的显示或者隐藏，当activeIndex数据发生改变时，下面这种写法会导致表格的列位置错乱<el-table-column label="商品id" ></el-table-column><el-table-column label="商品转态" v-if="activeIndex === '1'" >&lt...

上面这个警告是父组件通过props给子组件传值，子组件直接使用该值造成的，深入了解请浏览vue官方文档.解决：在子组件data中定义新变量接收props传递过来的值，警告没了例：注意看子组件中的created生命周期的this.time = this.endTime//父组件<template> <div> <count-down :endTime="...

我在上传组件绑定:before-upload，并判断文件类型、大小。格式不正确时如何取消本次上传？在该方法中判断类型、大小等不符合要求直接return false就可以了！官方文档.也有封装好的方法，如下...

使用vue开发的开发者肯定都会遇到的一个问题：为了本页面的样式不造成全局污染，在style中加了scoped上一个问题解决了但是加了scoped后，在本页面使用vue的组件或者第三方组件想修改这些第三方组件原有的样式按F12查找对应的class,直接拿过来修改是没有效果的。此时，可以参考官方文档....

1、在vue中使用quill呢，我们需要npm进行安装，安装命令如下：npm install vue-quill-editor2、安装依赖npm install quill3、使用在main.js中进行引入或者在单个.vue文件中引入使用//main.jsimport Vue from 'vue'import VueQuillEditor from 'vue-quill-edi...

1、进入阿里矢量图标库https://www.iconfont.cn.并登录2、选择自己需要的图标并加入购物车3、选完后点击右上角的购物车图标，点击“添加至项目”，点击后会跳到所属的项目，选择“Font class”,然后点击“下载至本地”4、下载完后，解压，改文件名为“icon”5、然后把icon文件复制到vue项目的assets目录6、在main.js全局引入iconfont...

html: <el-table-column width="160px" label="服务费收入(流量主)" prop="serviceFree1" :render-header="renderHeader" ></el-table-column> <el-table-c...

尤雨溪讲述视频译文：所以我一毕业就加入了谷歌。我去了帕森斯大学攻读MFA设计和技术课程，它融合了设计、代码和新媒体艺术。那也是我自学JavaScript的时候，所以我开始玩JavaScript，我做了很多这种铬合金实验风格的互动作品，把它们放在我的文件夹里，我在研究生院做的一件事就是我制作了一个Clear应用程序的克隆，我不知道你们是否听说过，但它是一个待办应用程序，它有非常有趣的手势控制，所...

完整代码：<template> <div class="container"> <div class="routeList-box" v-for="(item,index) in routeList" :key="index"> <el-collapse v-model="activeNames" @ch...