随笔分类 -  vue

vue项目控制台调试时显示源码的解决方法
摘要：使用谷歌调试时控制台显示的都是源码，调试不方便 给vue.config.js文件中configureWebpack添加devtool属性 configureWebpack: { devtool: "source-map" } 更改后浏览器调试就可以正常显示了 阅读全文
posted @ 2021-03-12 14:47 小甜橘 阅读(2113) 评论(0) 推荐(0)
vue中动态加载组件
摘要：对于is的解释，官方 效果 阅读全文
posted @ 2021-03-11 22:24 小甜橘 阅读(96) 评论(0) 推荐(0)
vue-cli解决适配问题
摘要：1、安装lib-flexible npm install lib-flexible --save 2、在项目入口文件main.js中引入 import 'lib-flexible' 以上配置，可以解决移动端的适配。默认将屏幕划分为10等分，如果设计稿尺寸为1920px, 则 1rem = (1920 阅读全文
posted @ 2021-03-07 13:44 小甜橘 阅读(282) 评论(0) 推荐(0)
element 表单禁止浏览器填充账号密码
摘要：使用element form 表单写注册页的时候，input总会默认填写浏览器之前保存的账号密码 在input属性中加上 auto-complete="new-password"，就可以不自动填充 阅读全文
posted @ 2021-03-05 10:19 小甜橘 阅读(620) 评论(0) 推荐(0)
ESlint配置以及vscode格式化配置，vue模板
摘要：目录： 1、ESlint配置eslintrc.js文件 2、vscode格式化结尾不加逗号 3、vscode配置vue模板 4、eslint和vscode格式化冲突时的解决方案 1.ESlint配置eslintrc.js文件 默认eslint规则： 代码末尾不能加分号 代码中不能存在多行空行 tab 阅读全文
posted @ 2021-02-27 15:39 小甜橘 阅读(1448) 评论(0) 推荐(0)
vue文本溢出提示
摘要：element中利用tooltip实现文字超出框悬浮显示 自定义指令 阅读全文
posted @ 2020-11-16 16:02 小甜橘 阅读(473) 评论(0) 推荐(0)
element el-uploaad上传组件
摘要：<el-upload list-type="picture-card" accept=".jpg, .jpeg, .png, .gif" :action="UPLOAD_URL" //上传的地址 :data="uploadData" // 上传时附带的额外参数 :file-list="fileLis 阅读全文
posted @ 2020-10-26 18:13 小甜橘 阅读(229) 评论(0) 推荐(0)
vue里img图片访问不到的情况下，显示默认图片
摘要：<img :src="item.user_pic" alt :onerror="defaultImg"> defaultImg: 'this.src="' + require("xxx.png") + '"' "user_pic": "http://xxx.jpg"（后台返回的） 阅读全文
posted @ 2020-10-23 12:58 小甜橘 阅读(451) 评论(0) 推荐(0)
vue插槽的使用
摘要：一、插槽的基本使用 二、具名插槽的使用 三、编译作用域的例子 四、作用域插槽 一、插槽的基本使用 1.插槽的基本使用<slot></slot> 2.插槽的默认值<slot>button</slot> 3.如有多个值，同时放入到组件进行替换时，一起作为替换元素 <div id="app"> <h1>我 阅读全文
posted @ 2020-01-07 19:15 小甜橘 阅读(267) 评论(0) 推荐(0)
(复习)父子组件传值使用v-modal双向绑定,报错Avoid mutating a prop directly解决方案
摘要：报错：Avoid mutating a prop directly since the value will be overwritten whenever the parent component........ 原因：所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 p 阅读全文
posted @ 2019-12-23 18:54 小甜橘 阅读(2072) 评论(0) 推荐(0)
Vue路由跳转时显示空白页面，iview的使用
摘要：最近在用iview做项目，需要实现登录，注册，忘记密码等功能。iview-admin本来就有登录功能，于是想照葫芦画瓢，实现登录界面的注册，忘记密码页面路由跳转。 router.js里路由配置，刚开始的写法是line28和line38，导入组件，其结果是地址栏实现了路由跳转，但是页面却是一片空白。将 阅读全文
posted @ 2019-11-26 11:40 小甜橘 阅读(4397) 评论(0) 推荐(0)
Vue中import '@...'的意思
摘要：转载： https://blog.csdn.net/xiazeqiang2018/article/details/81325996 写项目的时候看到很多导入都是@开头，这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里 PS:里面的路径是针对当前文件的路径地 阅读全文
posted @ 2019-11-05 14:12 小甜橘 阅读(3676) 评论(0) 推荐(0)
promise学习，多看几次。含node，ES6知识
摘要：一、引出promise解决回调地狱 需求：你要封装一个方法，我给你一个要读取文件的路径，你这个方法能帮我读取文件，并把内容返回给我 目录图片 三个txt里面的内容分别是111,222,333 1、模块调用声明： Node-核心模块（fs、path） 2、使用readFile方法，进行文件数据的读取。 阅读全文
posted @ 2019-10-31 19:27 小甜橘 阅读(271) 评论(0) 推荐(0)
结合webpack使用vue-router和它的子路由，即路由嵌套
摘要：在上一个项目的基础上进行的，所以基本的配置在这里就不赘述了。 一、结合webpack使用vue-router 1.新建组件.vue文件 2.启用路由 安装插件cnpm i vue-router -S PS：npm install name -save 简写（npm install name -S） 阅读全文
posted @ 2019-09-16 14:10 小甜橘 阅读(419) 评论(0) 推荐(0)
render方法渲染组件和在webpack中导入vue
摘要：使用component注册的组件div容器里可以放多个，但是使用render的只能放一个 <div id="app"> <p>我可以放两个</p> <login></login> </div> <script> var login = { template:'<h1>login的</h1>' } v 阅读全文
posted @ 2019-09-15 11:20 小甜橘 阅读(930) 评论(0) 推荐(0)

返回顶部