vue
昔人'
觉今是而昨非
展开
-
vue3 watch
watch监视reactive定义的响应式数据时,oldValue无法正确获取,强制开启了深度监视(deep配置无效)监视reactive定义的响应式数据中的某一个属性时,deep配置有效,setup(){ let num = ref(0), str = ref("strofdn"), persons = reactive({ name:"艾利欧", age:21, work:{ mo:{ award:11原创 2021-10-11 17:12:01 · 146 阅读 · 0 评论 -
vuex actions里方法互相调用
// 假设 getData() 和 getOtherData() 返回的是 Promiseactions: { async actionA ({ commit }) { commit('gotData', await getData()) }, async actionB ({ dispatch, commit }) { await dispatch('actionA') // 等待 actionA 完成 commit('gotOtherData', await ge转载 2021-07-20 10:03:51 · 6878 阅读 · 0 评论 -
【vue】ios中返回到列表页出现空白的问题
问题:ios机器上点击返回列表页的时候,会出现空白现象,触屏一下或者拉动一下,数据才会显示出来,解决方案:给当前组件最外层元素添加以下样式overflow-y: auto;-webkit-overflow-scrolling: touch;position: absolute;top:0;left:0;width:100%;height:100%;...转载 2020-06-18 16:50:59 · 816 阅读 · 0 评论 -
vue中引入swiper(4.0+),打包出错( ERROR in static/js/4.bafdba9a08bd02fd1c37.js from UglifyJs Unexpected toke)
vue打包报错: ERROR in static/js/4.bafdba9a08bd02fd1c37.js from UglifyJs Unexpected token: name (Dom7) [./~/_dom7@2.1.3@dom7/dist/dom7.modular.js:16,0][static/js/4.bafdba9a08bd02fd1c37.js:853,6]在build文件夹中...转载 2019-05-30 13:01:08 · 1180 阅读 · 0 评论 -
H5-input 弹起键盘遮盖输入框(Android),键盘顶不起来输入框, ios正常
遇到H5页面-input 弹起键盘遮盖输入框(Android),键盘顶不起来输入框, ios正常 的问题用js的resize()方法对浏览器窗口调整大小进行计数:览器窗口的大小时,发生 resize 事件。就可以解决window.addEventListener('resize', () => { if (document.activeElement.tagN...转载 2019-05-16 13:53:11 · 3099 阅读 · 1 评论 -
vue Computed property "XXX" was assigned to but it has no setter
<div v-model="xxx"><script>import { mapGetters } from "vuex";computed: {...mapGetters([ "xxx"]),},用vuex数据时 警告:Computed property “XXX” was assigned to but it has no setter第一种尝试–...原创 2019-04-29 17:30:03 · 3443 阅读 · 0 评论 -
vue 自定义指令 -- 图片预览
vue 自定义指令 – 图片预览放大安装npm i lpd-image --save使用在 main.js 中import xxxx from 'lpd-image'在组件中: <img alt="Vue logo" src="./assets/logo.png" v-lpd-image> 默认scale :1 ,opacity:0.5 <img alt="...原创 2019-03-31 16:30:47 · 1094 阅读 · 0 评论 -
仿 vue-cli 搭建属于自己的脚手架
仿 vue-cli 搭建属于自己的脚手架实现一个简易的模版 ,可以通过npm 安装仓库地址:传送门原创 2019-03-31 16:27:51 · 816 阅读 · 0 评论 -
vue配置多页应用项目模板
最近研究了一下 vue 多页面应用,参考着,也搞了个模板: 模板传送门至于 多页面 、 单页:原创 2019-03-25 20:19:28 · 571 阅读 · 0 评论 -
vue-devtools:Vue.js Devtools inspection is not available because it's in production mode or explicit
vue-devtools安装以后,勾选了“允许访问文件网址”之后还是无法使用有时需要启动多个vue项目有的项目可以用,有的项目虽然左上角V图标是亮着的,但是控制台却不出来vue,(有时,时出来时不出来也有可能是缓存或电脑卡吧。。。)1、勾选了“允许访问文件网址”,还是无法使用:Vue.js is detected on this page. Devtools inspection i...转载 2018-11-27 23:02:59 · 5725 阅读 · 0 评论 -
vue 报错:Cannot read property 'xxx' of undefined",但是页面能渲染上数据
有时候会遇到给页面绑定数据的时候,可以绑定成功,但vue warn:xxx属性of undefined,,,如果本组件只是绑定简单的数据倒是可以忽略,如果本组件还引入了其他组件或第三方组件,插件,则就渲染不出来,就需要解决了,<template> ... <span>{{data.xxx.xx}}</span> ...</tem...原创 2018-10-21 00:41:21 · 34863 阅读 · 8 评论 -
vue项目打包后路由视图router-view 不显示
早段时间 ,用脚手架vue-cli 搭建的项目,build后放于服务器上,发现其他资源全部变成静态加载成功,但路由视图为空,Vue.use(VueRouter)const router = new VueRouter({ mode: 'history', base: '/system/', //添加根目录 routes})比如将打包后的dist和inde...转载 2018-10-21 00:28:27 · 4290 阅读 · 2 评论 -
项目技术点,参考
1 自执行函数 :http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.htmlhttps://www.cnblogs.com/jiangshichao/p/7152855.html2 当js里有多个export怎么引入?https://segmentfault.com/q/10100000093725913 VUE -- 全局...原创 2018-09-09 23:54:14 · 429 阅读 · 0 评论 -
Vue.$nextTick&Vue.nextTick
Vue.nextTick(callback),当数据发生变化,更新后执行回调。 Vue.$nextTick(callback),当dom发生变化,更新后执行的回调。 参考&amp;实例转载 2018-06-02 14:15:18 · 346 阅读 · 0 评论 -
vue:is属性,keep-alive,slot,watch,插件,动态class,防止页面出现{{}},改变数据取最新值,计算属性,懒加载,全局过滤器,生命周期,自定义指令..等知识点
fliter filter和map forEach includes&amp;find is切换缓存&amp;组件缓存 is属性 keep-alive mount-nexttick. ref1 ref2 slot slot实例...原创 2018-06-02 02:35:31 · 773 阅读 · 0 评论 -
reduce
图列原创 2018-06-07 02:10:09 · 317 阅读 · 0 评论 -
vue购物车实例
测试代码1&lt;template&gt; &lt;div id="my"&gt; 全选&lt;input type="checkbox" v-model="checkAll" @change="change"&gt; &原创 2018-06-07 02:08:23 · 1229 阅读 · 0 评论 -
vue计算属性详解(转)
一、什么是计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>这里的表达式包含3个操作,并不是很清晰,所以遇到复杂逻辑时应该使用Vue特带的计...转载 2018-06-21 00:48:28 · 839 阅读 · 0 评论 -
VueJs探索之watch用法详解(转)
<div id="app"> <input type="text" v-model:value="childrens.name" /> <input type="text" v-model:value="lastName" /> </div> <s转载 2018-06-21 00:41:35 · 376 阅读 · 0 评论