随笔分类 -  VUE

VUE006. 前端跨域代理服务器ProxyTable概述与配置
摘要：概述 使用 vue-cli 工具生成一个 vue 项目： vue init webpack my-project-vue 在生成的项目结构里,会有一个 index.js 文件。在这个文件里,会有一个 proxyTable 的空节点. 理解这个节点的作用需要有两个前置知识： 前端跨域 利用代理服务器进 阅读全文
posted @ 2021-08-05 10:12 97z4moon 阅读(1626) 评论(0) 推荐(0)
VUE005. 在data中使用 / 改变data，或在data中调用method函数
摘要：使用三方UI库时经常会遇到在data中写入方法的场景，如Element-UI的级联选择器（动态加载part）需要在data中写入lazyLoad. 但后端总会给出意想不到的需求： 通过接口调取一串数据格式如 [ { id: 1, name: '97z', code: 191, children: [ 阅读全文
posted @ 2021-07-27 10:33 97z4moon 阅读(2068) 评论(0) 推荐(0)
VUE004. provide与inject的使用（祖先组件隔多层传静态值给子孙组件）
摘要：provide和inject可以通过祖先组件隔三层四层甚至隔着九层妖塔传值给子孙组件。 需要注意的是这样的传值方式是非响应式的，需要结合自身的应用场景，比如将上传的限制条件通过父组件传值给子组件的子组件，这样就不用写两个props了， 只需要在父组件中写下provide传入： export defa 阅读全文
posted @ 2021-04-30 17:30 97z4moon 阅读(258) 评论(0) 推荐(0)
VUE003. 解决data中使用vue-i18n不更新视图问题（computed属性）
摘要：案例 在国际化开发中，有一部分需要国际化的文字是由数据驱动的储存在data中，然而VUE的data存在很多无法实时更新视图的问题，比如v-for循环的标签，当数据层次过深，通过源数据数组的索引改变它的值是无法实时更新到视图上的。 这个问题可以用 vue.js 提供的 this.$set( ) 或者  阅读全文
posted @ 2021-04-21 15:09 97z4moon 阅读(2956) 评论(0) 推荐(0)
VUE002. 动态使用webpack打包处理后的静态图片路径（{ img: require('xxx.png') }）
摘要：案例摘要 需求是通过v-for循环渲染数组中数据，其中包括本地包的图片文件。话不多说直接上代码： <a-radio-group class="template-radio"> <a-radio-button v-for="(item, index) in templateList" :key="in 阅读全文
posted @ 2021-03-26 10:49 97z4moon 阅读(396) 评论(0) 推荐(0)
VUE001. 拖动div盒子（自定义指令v-directives）
摘要：拖动div是一个逻辑很简单的需求，监听容器的鼠标按下松开的事件，执行函数通过DOM改变标签的CSS偏移量。 在VUE构建的项目中，通过标签的 @mousedown 和 @mouseup 赋予行为事件，便可以通过原生JS实现这一需求。 但VUE提供了更加方便的途径 自定义指令 节选自官方文档 “ 除了 阅读全文
posted @ 2021-03-16 14:33 97z4moon 阅读(676) 评论(0) 推荐(1)

Title