VUE
Web攻城狮-前端
这个作者很懒,什么都没留下…
展开
-
vue项目中引用样式文件出现: This dependency was not found:
vue项目中引用样式文件出现:This dependency was not found:* common/stylus/index.styl in ./src/main.jsTo install it, you can run: npm install --save common/stylus/index.styl解决办法:在 build\webpack.base.conf.js中resolve...原创 2018-06-06 15:05:43 · 19079 阅读 · 0 评论 -
Vue 不能动态添加根级别的响应式属性 的解决办法
对于已经创建的实例,Vue 不能动态添加根级别的响应式属性。但是有时我们项目中一开始的对象的属性不确定,你可能需要为已有对象赋予多个新属性,比如 动态给addForm添加动态属性并实现响应式效果data(){return {addForm:{},}}可使用Object.assign()或_.extend()。在这种情况下,你应该用两个对象的属性创建一个新的对象。...原创 2019-05-08 13:09:46 · 2231 阅读 · 0 评论 -
使用多个element-ui upload 组件上传如何分别给文件命名
项目中有这么一个需求,有多个字段都需要上传文件,所以在before-upload的时候文件名需要区分是哪个字段对应的上传文件。默认的方法中只有一个file信息,如下而我们需要传额外的能标识唯一性的名字,可以如下闭包的方式:item.id 即是我需要的区分标识。方法应该不止这一种,想了解更多可参考https://www.cnblogs.com/steamed-twisted...原创 2019-05-10 16:57:26 · 4708 阅读 · 2 评论 -
Cannot read property 'setCheckedKeys' of undefined
问题:使用element-ui 的tree插件,表格数据点"Edit"给tree回填数据的时候,第一次报TypeError: Cannot read property 'setCheckedKeys' of undefined,但是第二次就不报了。解决办法:在点击Edit弹框后以回调的方式回填,就是等tree加载完成后再回填就不会出现Cannot read property 'setChec...原创 2019-07-03 12:05:53 · 3905 阅读 · 0 评论 -
vue项目中报 : TypeError: Cannot read property 'processed' of null
vue项目中,表格渲染的时候报TypeError: Cannot read property 'processed' of null,processed是我需要渲染的属性。查出的数据是空的时候才会报这个错。所以报错的原因可能就是数据为空,所以获取不到handler_属性值,而我需要的是handler_下的processed的值。所以解决办法就是先判断handler_是否存在,存在就继续渲染...原创 2019-07-03 18:03:17 · 4186 阅读 · 0 评论 -
vue 地址栏手动输入权限范围外的路由如何处理 beforeEach跳转路由验证
项目中导航是根据登录人的角色不同,后台返回的菜单导航数据也不同来生成的。假如A角色有userManagement、roleManagement、tagManagement三个权限的路由,B角色有roleManagement、tagManagement两个角色的路由,正常情况下B角色进入网站是看不到userManagement这个页面的,但是如果B角色手动在地址栏输入,如下图所示,还是可...原创 2019-07-12 17:50:31 · 2181 阅读 · 0 评论 -
vue项目中Echarts图表的使用
首先,安装Echarts。npm install echarts --save在入口js文件main.js引入的话得到的是已经加载了所有图表和组件的 ECharts 包,会造成打包体积比较大。所以在这里只介绍按需引入需要的模块。例如在页面中这样引用:method方法:drawLine方法的完整代码如下,可供参考:drawLine(){let myChart = ec...原创 2019-07-18 17:01:07 · 238 阅读 · 0 评论 -
父组件向子组件传递数组格式数据
vue项目中,子组件是一个弹框,需要做父组件中显示此弹框,其弹框内容来自于父组件。父子组件之间的传值通过props来实现。以下以A为父组件页面,B为子组件页面来说明。其中父组件页面调用子组件,v-bind绑定要传递的值tableLabelTest。A页面设置如下:tableLabelTest是动态的,有一个地方给它赋值子组件B页面props接收父组件传过来的数据,子...原创 2019-07-16 17:49:24 · 17233 阅读 · 0 评论 -
Vue 父组件向子组件传递动态参数,子组件如何实时更新
项目问题介绍:父组件中填入各种查询条件,点击查询按钮查出符合条件的数据。其中,数据列表是引入的子组件。第一次加载的时候,子组件数据正常显示,再次查询的时候子组件怎么实现实时更新呢?解决办法:子组件watch中(监听)父组件数据的变化以自己的项目为例:父组件:这是父组件中如何引用的子组件。testParams是我需要传过去的参数对象。参数名是params。子组...原创 2019-08-05 16:20:44 · 10656 阅读 · 1 评论 -
vue 如何删除对象的某一条数据
使用vue框架,采用element-ui,在做表格在线编辑的效果时需要删除某一行,这就需要从原来tableData数组对象中产出当前需要删除的条目。方法:handleDelete(index,row){this.tableData.splice(index,1);}参考原文链接:https://blog.csdn.net/qq_35366269/article/...原创 2019-03-21 10:58:32 · 13184 阅读 · 1 评论 -
vue element-ui form表单验证valid undefined
使用element-ui 的form表达验证功能,调试时valid一直是未定义,是自定义表单验证,最后发现问题是没有return 或者callback原创 2019-03-15 18:19:12 · 7162 阅读 · 0 评论 -
vue 项目打包后看不到页面内容
vue 项目打包命令是:npm run build如果打包后打开index.html页面看不到内容,有可能就是路径不对,需要修改config/index.js文件如下: build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths asse...原创 2018-06-06 15:07:12 · 5967 阅读 · 2 评论 -
vue页面初始化大小rem,自适应效果设置
window.onload = function(){ getRem(750,100)};window.onresize = function(){ getRem(750,100)};function getRem(pwidth,prem){ var html = document.getElementsByTagName("html")[0]; var oWidth = ...转载 2018-06-06 18:04:32 · 9463 阅读 · 0 评论 -
VUE项目运行后自动打开浏览器预览
如果想在VUE项目运行后自动打开浏览器预览,设置如下:打开config文件夹下的index.js文件设置autoOpenBrowser: true,原创 2018-06-07 10:54:23 · 8399 阅读 · 1 评论 -
vue 导航内容设置选中状态样式
如图所示,我们一般需要切换的时候选中导航给个active样式,而router-link 标签 在选中的时候 会自动给整个标签添加一个 router-link-active的class 可给router-link 标签里面的span、i标签如下设置,非常简单,下面是stylus的写法,不需要的话也可以写成平时的css写法.router-link-active span ...原创 2018-06-07 14:57:23 · 6417 阅读 · 0 评论 -
vue2.0使用axios发送请求及传参问题
vue2.0初学者使用axios发送请求,一般会自己建立一个请求文件方便自己做测试用,在传参的过程按F12可能会发现参数没有传过去.如果是get请求,传参方式如下(此处以vue 中mothods方法里的函数为例):methods: { loginFun(){ let _this = this; _this.$axios.get('../../../static/tes...原创 2018-10-08 14:36:45 · 1060 阅读 · 0 评论 -
vue项目打包后index.html文件打开空白
build打包vue项目遇到的问题,如下:1、npm run build打包项目之后,生成的dist文件里面有被压缩后的static文件跟index.html,直接打开index.html页面是空白的,还会报几个错,找不到页面路径。原因:找到config文件下index.js,会发现build下的 assetsPublicPath:' / ' 默认为根目录,而index.html和stat...原创 2018-11-08 16:42:25 · 18391 阅读 · 3 评论 -
vuex怎么使用
最近在研究vue,其中感觉比较头痛的就是vuex了,引用官网(https://vuex.vuejs.org/zh/guide/)的话:"每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同: Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态...原创 2018-11-22 16:45:29 · 154 阅读 · 0 评论 -
Vue 中使用UEditor加载方面的问题
在vue中使用UEditor富文本的时候发现一个问题,就是富文本第一次进来能加载出来,转到别的页面再进来就加载不出来了,网上找各种解决办法也没有解决掉,有的人说是activated keep-alive组件激活时再调用可解决,我发现我原来并没有使用keep-alive,后来我在主页面中加上keep-alive,竟然每次都能加载出来了。 ...原创 2019-02-27 10:53:55 · 2746 阅读 · 0 评论 -
vue项目中使用echarts图表,图表需根据不同搜索条件重新渲染,问题是图表并没有完全重新渲染
vue项目中使用echarts图表,图表需根据不同搜索条件重新渲染。问题:图表并没有完全重新渲染,或者说渲染后图表中还会看到上一次的数据。假如上一次渲染出十条数据,这次渲染出六条数据,但是显示的还是十条,前六条是本次渲染内容,后四条是上次渲染的后四条数据。这样看来,肯定是重新渲染前需要清空数据的问题,但是数据置空的代码写了还是没能达到理想的效果。下面是画图方法:drawLine()...原创 2019-08-14 11:37:06 · 2731 阅读 · 1 评论