qq187363147的专栏

1、安装压缩插件 npm install --save-dev compression-webpack-plugin@5.0.0 vue.config.js

//自定义事件指令，点击需要判断登录的指令 ,使用方法在标签上加 v-clickWithAuthLogin = 'xxx' Vue.directive('clickWithAuthLogin', { bind: function (el, binding, vnode) { el.onclick = async function (event) { //阻止事件冒泡 event.stopPropagation(); //监听点击事件，判断是否登录 .

this.$refs['typeOwn'].emitChange(this.postDemandForm.typeOwn); 或 this.$refs['typeOwn'].$listeners.change(); this.$refs['typeOwn'].$listeners('****',args); this.$refs['typeOwn'].$emit('****',args);

需求：在后台设置简版动态表单，在前端用动态表单提交数据。 从后台数据库中获取的表单信息为 [{label:'用户名',key:'userName',type:'input'},{label:'电话号码',key:'phoneNum',type:'input'}] 前端代码 export default { data() { return { applyTemps:[], ruleForm:{} } }, porps:['applyInfo'],

主要需求是主页面向后台异步获取列表数据，然后传给子组件显示，由于是异步加载的原因，子组件先渲染，导致子组件无法获取数据，在使用props传值时，绑定的数据有一定区别。 解决子组件异步加载的问题最简单的版本就是新增v-if判断 <bid-order :bidDatas="bidDatas" :type="type"/> 改成 <bid-order v-if="bidDatas" :bidDatas="bidDatas" :type="type"/> 但是在v-if判断tr.

在某个详情页中（当前路由已为/RecycleDeta）,需要跳转另外一个同类型链接，跳转代码 this.$router.push({path:'/RecycleDeta',query:{demandId}}) 报错 面向百度编程了解了下，有的说需要重写ruter.push方法，我嫌麻烦，所以修改如下 this.$router.push({path:'/RecycleDeta',query:{demandId}}).catch(err => {}); 这回没报错了，但是页面没有根据不.

需求： 最近在入坑vue前后端分离方案，要实现在后端实现自定义表单设计（用的form-generator），然后提交自定义表单模板到数据库（以json和vue两种格式保存）。前端再给用户提供自定义表单（模板来自数据库）并提交数据。 实现： demo模仿前端渲染自定义表单 关键点在于import Vue from 'vue/dist/vue.js' 一开始用的是import Vue from 'vue',还是报错[Vue warn]: You are using the runtime-...