Vue
付出总会有收获
支持者继续支持.
展开
-
处理Vue中相同组件不同路径的页面重新渲染
很多时候,我们会使用组件化开发,以免写出很多相同的页面代码。那么在配置路由的时候,如何避免相同组件不同路由无法重新渲染的问题呢?// 原来的样子export const routes = [ { path: '/a', component: myPage }, { path: '/b', component: myPage },]那么,在访问a页面的时候,组件...原创 2020-04-23 11:20:43 · 2051 阅读 · 0 评论 -
webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
npm run dev 报以下错误:webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin解决方案(官方):现在你需要一个插件Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用:// webpack.con...原创 2018-10-28 11:24:59 · 10619 阅读 · 3 评论 -
slot插槽的用法
1. 基本用法父页面向子组件里插入的标签(一般情况下, 插入单个)<div id="app"> <child> <p>my name is Tom!</p> </child></div>Vue.component('child', { template:原创 2018-12-01 17:31:59 · 951 阅读 · 0 评论 -
Nuxt使用脚手架初始化项目报错: ReferenceError HTMLElement is not defined 的解决方法
使用官方推荐的脚手架工具 :npx create-nuxt-app projectname初始化后, 报以下错误 :ReferenceError HTMLElement is not defined原因是element-ui最新版(2.8.2)不兼容, 我猜的…解决方案 :卸载最新版element-uinpm uninstall element-ui降级elemen...原创 2019-04-30 13:26:43 · 3813 阅读 · 3 评论 -
关于element-ui的input使用远程搜索的几个小点
远程搜索从服务端搜索数据, 大概的流程是这样的, 首先从后台拿取所有数据, 然后根据用户所输入的keyword从数据里面筛选出来, 如果把请求的API放在*:fetch-suggestions*里面的话, 会随着用户的输入, 往后台疯狂调用接口.<el-autocomplete size="small" style="width: 100%;" placeholder...原创 2019-05-20 17:53:04 · 5350 阅读 · 2 评论 -
[ element-ui ] select 开启远程搜索后, 数据量过多的交互优化
下拉列表的数据如果过多的话, 用户用起来会十分麻烦, 100多条的数据, 总不能让用户一直往下拉去找她要的那条, 所以远程搜索就用上了, 用户一直输入关键字, 一直匹配. 但是如果是第一次点开下拉列表, 数据过多会导致2秒钟的卡顿, 姑且是dom渲染引起的, 笔者下面就用一个比较暴力的方法来解决这个交互.<el-select v-model="form.F_ADDR_LANE...原创 2019-05-21 10:00:42 · 6983 阅读 · 1 评论 -
使用Observable实现Vue全局状态共享
项目不大, 又不想用Vuex, 那么使用Observable来实现状态共享也不失为一个选择.- 先来看看官方资料,Vue.observable( object )2.6.0 新增参数{Object} object用法 -让一个对象可响应。Vue 内部会用它来处理 data 函数返回的对象此API为2.6版本新增, 那么低版本是不兼容, 会报出以下错误:vue__.de...原创 2019-06-12 15:34:59 · 3900 阅读 · 0 评论