![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Gao++
非学,无以致疑;非问,无以广识
展开
-
ios部分机型不生效:滚动条滚动开启与禁止
document.body.style.overflow = "auto"; //开启document.body.style.position = "static";//开启(推荐)document.body.style.overflow = "hidden";//禁止document.body.style.position = "fixed";//禁止(推荐)原创 2021-09-16 14:48:51 · 707 阅读 · 0 评论 -
vue cli2和cli3创建项目的差异
安装:执行cnpminstallvue-cli-g全局安装 Vue CLI <= 2或npm install -g @vue/cli 或指定版本 npm install -g @vue/cli@3.11.0 Vue CLI >= 3注意:安装任何其中一个需先将对方卸载创建一个vue-cli项目:vue init webpack vuedemo Vue CLI <...原创 2021-05-06 18:15:55 · 173 阅读 · 0 评论 -
vue跨域解决方案
proxyTable是解决开发环境中的跨域问题,正式环境的跨域需要使用nginx反向代理或者是后端解决 proxyTable: { '/api': { target: 'https://cnodejs.org', //源地址 changeOrigin: true, //改变源 secure: false, //target默认情况...原创 2021-04-09 18:06:43 · 159 阅读 · 0 评论 -
父组件修改子组件的样式
父组件:Father.vue<template> <Child /></template>子组件:Child.vue<template> <div class='child '> <input placeholder='Enter your name'> </div></template><script>export default {原创 2021-04-09 15:34:32 · 669 阅读 · 0 评论 -
Npm run build 打包之后打开dist的index.html报静态资源路径错误
解决方法一.修改config下的assetsPublicPath的'/'为'./',重新npm run build,再打开dist的index.html解决方法二:安装一个http-server在本地开启一个本地的服务器,assetsPublicPath的'/'不用加....原创 2021-04-09 14:40:02 · 728 阅读 · 0 评论 -
vue面试题
为什么props是单向绑定的?所有prop都使得其父子prop之间形成了一个单向下行绑定:父级prop的更新会向下流动到子组件中,但是反过来则不行。每次父级组件发生变更时,子组件中所有的prop将会刷新为最新的值。如果在一个子组件内部改变prop,vue会在浏览器控制台中发出警告。解释:因为父子组件引用是同一个数据,如果想断开这种引用关系,可以在子组件中做一层深度复制,这样就会断开。params和query的区别?传参:this.$router.push({path:'/.原创 2021-04-09 10:00:38 · 65 阅读 · 0 评论 -
组件通讯(vue)
父组件调用子组件方法:在子组件中加上ref即可通过this.$refs.ref.method调用父组件: 引入子组件 import children from '@/children ' 注册组件 components: { children : children , }, 使用 <children ref="child"></children>父组件调用子组件属性:在子组件中加上ref即可通过this.$refs.r原创 2021-03-20 12:21:36 · 79 阅读 · 0 评论 -
公众号网页分享到小程序
场景:从天天学农小程序点击banner图,web-view打开公众号页面(321春种节),再把公众号页面分享到朋友圈或者好友实现思路:1.公众号321页面添加网页向小程序发送消息的代码mounted:{ this.wechatShare();}, methods: { wechatShare() { wx.miniProgram.postMessage({ data: { url:"https://uat-.原创 2021-03-17 16:49:12 · 577 阅读 · 0 评论 -
路由懒加载
1.普通写法加载所需时间:打包后的目录2.es6路由赖加载的写法加载所需时间:打包后的目录3.使用require-amd赖加载加载所需时间:打包后的目录总结:路由采取赖加载的加载速度明显快很多...原创 2019-11-22 16:39:42 · 181 阅读 · 0 评论 -
vue config配置的详细说明
//config目录下index.js配置文件// see http://vuejs-templates.github.io/webpack for documentation.// path是node.js的路径模块,用来处理路径统一的问题var path = require('path')module.exports = { // 下面是build也就是生产编译环境下的一些...原创 2019-11-22 13:40:14 · 1661 阅读 · 0 评论 -
vue调试工具vue-devtools安装
第一步:下载https://pan.baidu.com/s/1vTh6gvYjkyMWZBrnguNfNg第二步:在vue-devtools目录下安装依赖包我放在D盘下cd vue-devtoolsnpm install第三步:把"persistent":false改成true第四步:编译代码npm run build第五步:扩展Chro...原创 2019-11-22 09:57:46 · 158 阅读 · 1 评论 -
vue添加ico
1、首先将favicon.ico图片放在根目录下2、修改webpack配置文件1)找到build下的webpack.dev.conf.js文件newHtmlWebpackPlugin({filename:'index.html',template:'index.html',inject: true,favicon: path.resolve('favicon.ic...原创 2019-11-21 15:17:43 · 160 阅读 · 0 评论 -
vue bus组件接收后数据改变视图不变的解决方法
// this指向错误,该this指向Vue实例解决方法原创 2019-11-21 14:02:51 · 692 阅读 · 1 评论 -
vue打包后路径问题解决
原创 2019-11-21 09:50:30 · 695 阅读 · 0 评论 -
’vue‘不是内部或外部命令的解决方法
计算机-属性-高级系统设置-高级关掉命令提示符,再次打开原创 2019-09-26 22:33:38 · 192 阅读 · 0 评论 -
export default {} 和new Vue()区别
new Vue()是 创建一个vue实例,例如在项目里:export default {}是导出模块,供其他模块进行调用原创 2019-09-10 15:33:07 · 2343 阅读 · 0 评论 -
vue + element-ui表单重置 resetFields问题(无法重置表单)
问题:elementui在重置表单时,无法使用this.$refs['formRefVal'].resetFields()清空表单数据;elementui 设置rules后没有效果;解决方法:1、表单加ref属性<el-form ref="refname"></el-form>2、form的每个item加prop属性(踩了好久的坑这个,需要和绑定...原创 2019-09-09 23:12:34 · 3976 阅读 · 4 评论 -
详解vue生命周期
首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉:可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreate created beforeMount mount...原创 2018-10-16 12:31:19 · 87 阅读 · 0 评论 -
Vue中的watch
假设有如下代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g原创 2018-10-16 14:13:47 · 154 阅读 · 0 评论 -
vue时间格式化
1 安装2.全局引入3.使用4.对比(格式化前后)原创 2018-11-14 14:21:41 · 972 阅读 · 0 评论 -
vue父组件由向子组件传值
The way the parent route is written:jsviewSub-route receptionjsview原创 2018-11-16 16:25:55 · 6150 阅读 · 1 评论 -
vue路由跳转带参
当前页面写法:目标页面接收参数的写法原创 2018-11-16 17:59:57 · 190 阅读 · 0 评论 -
vue篇一:关于Vue.use()
相信很多人在用Vue使用别人的组件时,会用到Vue.use()。例如 : Vue.use(ElementUI); ------main.js注:如果不写 Vue.use(ElementUI),则ElementUI无法使用。但是,用axios的时候,却不需要这样写也可以用。Vue.use(axios); ------main.js这是为什么呢?答案:因为axios不是...原创 2019-02-28 17:00:34 · 990 阅读 · 0 评论 -
vue篇二:关于 UEditor 第一次富文本加载不出来 但刷新后会加载出来
1.可以在每次加载前删除mounted(){ UE.delEditor('editor'); UE.getEditor('editor')}原创 2019-03-02 14:33:39 · 4088 阅读 · 3 评论 -
vue组件命名浅析
注意组件名要以字母开头,后面跟字母、数值或下划线/横线,并且不要与 HTML 元素或 Vue 保留的标签名重名。由于 HTML 标签不区分大小写,所以在生成的标签名都会转换为小写。例如<MyComponent></MyComponent>会被自动转换为<mycomponent></mycomponent>当应用到DOM应该这样写&l...原创 2019-05-14 15:04:18 · 620 阅读 · 0 评论 -
对vue计算属性computed的setter与getter的理解
大家都知道computed简单的使用方法,这儿只分享一下setter和getter用法:setter:设置值时触发。getter:获取值时触发,与setter是没有必然联系的。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></tit...原创 2019-05-11 13:40:18 · 1675 阅读 · 0 评论 -
对vue计算属性computed与watch的理解
watch和computed各自处理的数据关系场景不同1.watch擅长处理的场景:一个数据影响多个数据2.computed擅长处理的场景:一个数据受多个数据影响watch示例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></ti...原创 2019-05-11 15:15:52 · 130 阅读 · 0 评论 -
对routes,route,router的理解
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,怎么做到正确的对应,比如,我点击hom...原创 2019-05-16 11:53:49 · 2589 阅读 · 1 评论 -
'$route' (to, from) 监听不到的原因
'$route' (to, from) 改为$route(to, from)html :路由:运行结果:原创 2019-05-16 13:30:32 · 11653 阅读 · 2 评论 -
vue项目(xilekuht)从创建到打包上线
1.安装vue-cli:npm install -g vue-cli 2.生成项目:vue init webpack xilekuh t3.安装依赖包:cd xilekuht ,npm install 4.启动项目:npm run dev (将config文件下的index.js文件里的autoOpenBrowser设为true运行npm run dev会...原创 2019-07-20 17:57:48 · 85 阅读 · 0 评论 -
vue-cli创建vue项目并引入JQ和bootstrap
1.准备工作:安装node,下载地址http://nodejs.cn/download2.安装vue-cli脚手架,命令提示符:npm install -g webpack-cli3.引入JQ&Bootstrap之前先创建用来引入JQ&Bootstrap的项目。这里,我们用vue-cli脚手架创建一个vue项目,命令提示符:vue init webpack myVu...原创 2018-09-03 18:16:01 · 1404 阅读 · 6 评论