随笔分类 - Vue
vue 运行时,报错:Vue中demo@0.1.0 serve: `vue-cli-service serve` 解决方式
摘要:出现此问题的原因:由于长时间没有运行项目导致项目缺少依赖项。j 解决方式:将项目中的node_modules和package-lock.json两个文件手动删除掉,然后在idea窗口中,执行npm install。重启idea即可。如下图。 , 但是在解决中遇到了一个问题,npm install 执
阅读全文
VUE 页面缓存2
摘要:转载 每天进步一点点~~~ 第一步 在app中设置需要缓存的div //缓存的页面 1 <keep-alive> 2 <router-view v-if="$route.meta.keepAlive"></router-view> 3 </keep-alive> 4 5 //不缓存的页面 6 <ro
阅读全文
VUE 页面缓存
摘要:转载 keep-alive是vue内置的一个组件,可以使被它包含的组件处于保留状态,或避免被重新渲染。 用法: 运行结果描述: input输入框内,路由切换输入框内部的内容不会发生改变。 常见的用法:(下图是在https://www.cnblogs.com/sysuhanyf/p/7454530.h
阅读全文
Vue beforeRouteEnter 用法
摘要:遇到的问题: 业务流程:在商品详情页面,点击【立即购买】按钮,跳转到【提交订单】页面。在【提交订单】页面返回到商品详情页时, 只能使用 this.$router.push方法返回到商品详情页。因为商品详情页需要商品ID。用这种方式返回到商品详情页时,再从商品 详情页点击返回按钮,还是会回到提交订单页
阅读全文
Vue 获取URL链接后面的参数值
摘要:PC端如以下地址获取ptype和orderId的值 http://localhost:20472//AppWeb/ToPay?ptype=2&orderId=e6c1f659-94cd-4e4d-b7c9-56b3c8a7a8d6 function getQueryString(name) { va
阅读全文
Vue 跳转到指定页面,返回到上一页
摘要:跳转到下一页 html <van-cell :title="$t('mine.feedback')" icon="comment-circle" is-link @click="goToPage('fankui')"/> JS export default { data() { return{ me
阅读全文
Vue 返回上一页,记住上一页的数据
摘要:问题: 在搜索页面,搜索出饼干商品,点击某饼干商品进入商品详情页, 再从商品详情页返回到搜索页面后,搜索页面应该依旧保留之前的搜索结果。 效果图: 解决方式: 1、搜索页面路由设置 { // 搜索 path: 'search', name: 'search', component: Search,
阅读全文
Vue 禁止按钮重复提交
摘要:手机端 vue: <van-submit-bar button-text="提交" @submit="onSubmit" :disabled="isDisable"/> js: export default { data() { isDisable:false }; }, methods:{ onS
阅读全文
Vue 页面加载前显示{{代码}}的原因及解决办法 PC端
摘要:将 <body>代码块用 <template> </template> 包起来 <template> <body> <div class="ac_address"> <span>{{message}}</span> </div> </body> </template>
阅读全文