威斯尼斯人官网详解关于vue-area-linkage走过的坑_vue.js_脚本之家

多年来写的品类是vue框架,搭配element-ui框架。那些框架上心灵,并且页面包车型大巴相当多体裁都有现有的能够用,使用起来相比较便利。几日前有四个须要是要写省市区联合浮动选取,上网搜罗了一次之后开掘了vue-area-linkage那一个插件,应该是专程为vue准备的插件,下边早前介绍那么些插件的运用方式。

官方网站介绍的很详细了,笔者就不赘述了vue-area-linkage 安装及应用形式。

下边最先介绍遇到的坑以致解决办法:

本条标题相比好消除,去到依据包中,查找css文件,找到呼应的因素更正样式就可以。因为本人的是全局都要改良样式,所以自身一直在凭仗包中改。要是不是大局要改的体裁,只是有个别页面须求的体裁就要在团结的css文件之中独自改,防止全局污染。

2.打包时现身 “Module not found: Error: Cant`t resolve
‘vue-area-linkage/dist/index.css’ in ‘/app/src/views/devcie’”

在 main.js 中全局注入文件,然后再在文书中注入:

main.js 中注入

3.有供给是增创和编排,小编写的逻辑是一套代码,调控展现遮掩,此为背景。出现的标题是,若是先点击编辑,会一贯展现接口重返之处,然后再点击新扩展,还有大概会来得刚刚编辑的地址,即便消亡v-model 绑定的多少也消逝不掉展现的源委。

下边领头陈诉自身的踩坑之路:

既然一套代码不行,那就两套代码咯。立马复制粘贴,what
f***,那代码也太多了,何况逻辑还得改,保存还得改,决断放任。对友好还得有一些须求才行。

那要不新添的时候重新初始化那几个置,于是把值置为空,不佳使;那要不调节一下
placeholder,不好使;使用jq控制一下 placeholder , 倒霉使,果决放任。

这要不拜访源码。看见了源码,找到了相应的主意 area_cascader_render ,
debugger
之后,发今后进入页面包车型大巴时候会渲染一下页面,然后就不会继续渲染了,不渲染,那值自然正是以前的值。思虑了刹那间,想到若是本人在保存或然再次回到页面包车型大巴时候销毁这些组件,然后在增加生产数量的时候不就可以再一次渲染了吗,于是果断v-if ,保存再次回到的时候置为false,新添置为true,完美解决,下班。

上述便是本文的全体内容,希望对我们的上学抱有利于,也盼望大家多多照看脚本之家。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章