VUE ElementUI 表格 双击 编辑提交
VUE
使用 ele-table 的时候，有时需要点击一个单元格，然后弹出 input 进行编辑，我们使用 他的 cell-dblclick 事件cell-dblclick 事件当某个单元格被双击时会触发该事件，参数：row, column, cell, event 可以通过带你这四个参数看看<el-table @cell-dblclick="handlecell" >
handlecell(row, column, event, cell) {
console.l... ...
阅读全文
vue 请求返回值 是嵌套对象 渲染报错 解决方法
VUE
当请求接口，返回的是 数据结构是 嵌套的话，会报如下错误，但是但是但是，错误显示在控制台，前台页面显示正常啊。。。要不是有强迫症，我他娘的才不管球。分析原因喷归喷，还是要分析下原因在 mounted 里面去打印这个对象，会发现打印出来是空的，这也就是页面加载的时候，数据还没有传过来，但是这时候我们已经开始在使用了，所以会报错，当数据的值传过来的时候，页面找到这个数据，并渲染上去，所以我们看到的页面又是正常了。解决方法我们加上一个判断，当数据没有拿到时，页面不会去渲染，等拿到数据后页面再渲染<template>
<div v-if="... ...
阅读全文
npm package 升级 先卸载再安装
VUE
例如升级vue项目中的 element-ui 的版本首先卸载项目中的 element-uinpm uninstall element-ui安装更新最新的element-uinpm i element-ui -S 更新到指定版本更新想要安装的版本命令为npm install element-ui @2.0.11 -S同理更新项目中的 node-sassnpm uninstall --save node-sass
cnpm install --sav... ...
阅读全文
vue cli3 配置了代理跨域无效的解决 proxy 和 baseurl 冲突
前端网站 VUE
不要设置axios的baseUrl， 否则 proxy 不生效，影响解决跨域问题就是这个玩意，在 ENV 中 VUE_APP_BASE_API 设置的，在server 中引用的 ： axios.defaults.baseURL = "http://cct.app.xxxxxxxx.top/";然后就可以了下面介绍一哈如何在vue cli3 中设定代理：与main.js同级新建一个vue.config.js的文件module.exports = {
devServer: {
&... ...
阅读全文
vue 事件中的 native 在 父组件 中给 子组件 绑定一个 原生的事件
VUE
.native - 监听组件根元素的原生事件。 通俗点讲：就是在父组件中给子组件绑定一个原生的事件，不加'. native'事件是无法触 发的。例如：在组件中使用 ele 组件，绑定一个 click 事件<el-dropdown-item @click="logout" divided> <!-- 添加 click 事件-->
<span style="di... ...
阅读全文
Vue 项目浏览器内 Console 中显示 [HMR] Waiting for update signal from WDS 解决方案
VUE Element
现象（ F12）：解决方法：1， 不用管它，啥也不影响，只是一条提示~2， 如果有强迫症，实在要解决按照上面提示，依次找到 node_modules > webpack > **hot ** > log.js，打开 log.js 文件，注释这段话module.exports = function(level, msg) {
if (shouldLog(level)) {
if... ...
阅读全文
vue 中 style scope 深度访问方式汇总 (::v-deep)
前端网站 VUE
我们的 vue 组件中 style 有 scope 属性<style scoped>
</style>作用功能：实现组件样式的私有化，样式不对全局造成样式污染，表示当前 style 属性只属于当前模块组件实现原理：添加 scoped属性 的组件，为了达到不污染全局，做了如下处理：给 HTML 的 DOM 节点加一个不重复属性 data-v-xxxxxxx 唯一性标志在添加scoped属性的组件的每个样式选择器后添加一个等同与“不重复属性”相同的字段，实现类似于“作用域”的作用，不影响全局如果组件内部还有组件，只会给最外层的组件里的标签加上唯一属性字段，不影响... ...
阅读全文
