vue
剑锋不停歇
这个作者很懒,什么都没留下…
展开
-
vue打包,减少js、css、woff等静态资源大小提高访问速度
1、安装压缩插件npm install --save-dev compression-webpack-plugin@5.0.0vue.config.js原创 2021-05-28 10:43:50 · 926 阅读 · 1 评论 -
Vue自定义事件指令注册全局登录判断
//自定义事件指令,点击需要判断登录的指令 ,使用方法在标签上加 v-clickWithAuthLogin = 'xxx'Vue.directive('clickWithAuthLogin', { bind: function (el, binding, vnode) { el.onclick = async function (event) { //阻止事件冒泡 event.stopPropagation(); //监听点击事件,判断是否登录 .原创 2021-03-02 11:33:49 · 609 阅读 · 1 评论 -
vue js手动触发事件
this.$refs['typeOwn'].emitChange(this.postDemandForm.typeOwn);或this.$refs['typeOwn'].$listeners.change();this.$refs['typeOwn'].$listeners('****',args);this.$refs['typeOwn'].$emit('****',args);原创 2020-07-18 15:15:00 · 4001 阅读 · 0 评论 -
Vue 动态绑定v-model
需求:在后台设置简版动态表单,在前端用动态表单提交数据。从后台数据库中获取的表单信息为[{label:'用户名',key:'userName',type:'input'},{label:'电话号码',key:'phoneNum',type:'input'}]前端代码export default { data() { return { applyTemps:[], ruleForm:{} } }, porps:['applyInfo'],原创 2020-06-06 09:22:09 · 817 阅读 · 1 评论 -
Vue主页面异步加载列表数据传值给子组件踩坑过程
主要需求是主页面向后台异步获取列表数据,然后传给子组件显示,由于是异步加载的原因,子组件先渲染,导致子组件无法获取数据,在使用props传值时,绑定的数据有一定区别。解决子组件异步加载的问题最简单的版本就是新增v-if判断<bid-order :bidDatas="bidDatas" :type="type"/>改成<bid-order v-if="bidDatas" :bidDatas="bidDatas" :type="type"/>但是在v-if判断tr.原创 2020-05-27 10:32:24 · 842 阅读 · 0 评论 -
解决同一路由,不同参数报Navigating to current location ***** is not allowed 问题
在某个详情页中(当前路由已为/RecycleDeta),需要跳转另外一个同类型链接,跳转代码this.$router.push({path:'/RecycleDeta',query:{demandId}})报错面向百度编程了解了下,有的说需要重写ruter.push方法,我嫌麻烦,所以修改如下this.$router.push({path:'/RecycleDeta',query:{demandId}}).catch(err => {});这回没报错了,但是页面没有根据不.原创 2020-05-23 13:55:47 · 297 阅读 · 0 评论 -
记一次 Injection elForm not found错误原因分析
需求:最近在入坑vue前后端分离方案,要实现在后端实现自定义表单设计(用的form-generator),然后提交自定义表单模板到数据库(以json和vue两种格式保存)。前端再给用户提供自定义表单(模板来自数据库)并提交数据。实现:demo模仿前端渲染自定义表单关键点在于import Vue from 'vue/dist/vue.js'一开始用的是import Vue from 'vue',还是报错[Vue warn]: You are using the runtime-...原创 2020-05-15 08:42:17 · 7676 阅读 · 0 评论