前端
楠之枫雪
简单的一个人
展开
-
Vue开发中的笔记
Input等数据绑定<Input :maxlength=25 show-word-limit placeholder="标题 " style="width: 300px;font-size: 18px;margin-left: 20px;" v-model="paperAddInfo.title"></Input>Button等点击事件 <Button type="primary" style="width: 100px; height: 35px; position原创 2021-06-05 15:12:40 · 555 阅读 · 1 评论 -
echart小白入门最简单demo
1. 下载echarts.js创建文件夹htmlTest,把echarts.js反正文件夹下面2. 创建html文件,可以创建txt文件修改后缀,把下面代码拷贝进去,浏览器打开即可&lt;html lang="chi"&gt;&lt;head&gt; &lt;meta charset="utf-8"/&gt;原创 2019-01-08 20:14:41 · 1724 阅读 · 0 评论 -
Vue封装全局工具类并使用
1.创建js工具类文件export default { getModelShowPic: function (menyType) { //test }}2.在min.ts中引用import Common from '@/utils/Common.jsVue.prototype.utils=Common注意,如果提示错误utils/Common.js’ implicitly has an ‘any’ type.,在tsconfig.json中添加:3.使用t原创 2021-02-09 22:45:52 · 943 阅读 · 0 评论 -
Vue加载显示富文本内容
1、安装markednpm install highlight.js --savenpm install marked --save2、引入 import marked from 'marked' import hljs from "highlight.js"; import 'highlight.js/styles/monokai-sublime.css'; mounted() { marked.setOptions({原创 2021-02-09 22:45:40 · 16957 阅读 · 2 评论 -
Vue ie兼容性问题
1. 处理对ES6新语法不支持安装:npm install --save babel-polyfill;配置:module.exports = { entry: [“babel-polyfill”, “./src/main.js”] };main.js中配置:import ‘babel-polyfill’ //放在最顶部,确保全面加载2. 处理对第三方插件不兼容的问题通过控制台查看排查可以指定这里是highlight.js不兼容在vue.config.js中进行处理,然后原创 2021-02-09 22:45:08 · 473 阅读 · 0 评论 -
css常见布局解决方案及教程
目录:一般布局解决方案有哪些传统方案,display 属性 + position属性怎么使用flex布局使用1、一般布局解决方案有哪些布局的传统解决方案:基于盒状模型,依赖 display 属性 + position属性 + float属性Flex 布局,可以简便、完整、响应式地实现各种页面布局,如实现垂直布局等更加简单2、传统方案,display 属性 + position属性怎么使用其中最常用的是position属性的使用,下面是例子说明:position:absolute使原创 2021-01-25 21:21:51 · 292 阅读 · 0 评论 -
flex中 align-items与justify-content的区别
先理解flex中的主轴与交叉轴是定义Flex中提出了一个重要的概念——轴默认情况下主轴是水平的可以通过flex-direction来修改主轴方式。align-items与justify-content的定义与区别justify-content属性定义了项目在主轴上的对齐方式,如下面默认的方向为从左到右justify-content属性定义项目在交叉轴上如何对齐,如下面的方向为从上到下小结通过flex-direction确定了主轴方向,justify-content确定了再主轴原创 2021-01-01 17:53:29 · 11122 阅读 · 6 评论 -
Vue 持久化数据存储
存储数据:localStorage.setItem("currentUser",JSON.stringify(response.data))获取数据: const userStr=localStorage.getItem("currentUser"); if(userStr.length>0){ const user = JSON.parse(localStorage.getItem("currentUser")); }本质上是对字符串的存储...原创 2020-10-18 17:00:12 · 677 阅读 · 0 评论 -
Vue mavon-editor编辑器使用图片上传问题小记
<mavon-editor style="width: auto;height: 600px;margin-top: 30px" @save="saveDoc" @change="updateDoc" @imgAdd="imgAdd" :toolbarsFlag="true" ref="md" ..原创 2020-10-09 19:02:17 · 1555 阅读 · 0 评论 -
css 之div布局与flex布局
div固定大小,然后让内容超出滚动使用:overflow: scroll <div style="background: white;float: right;width: 100%;height:100%;margin-top: 0px;margin-left: 0px;overflow: scroll"> <router-view style="backgro原创 2020-05-16 15:29:04 · 813 阅读 · 0 评论 -
vue 使用 this.$router.push到同一个页面但是参数不同页面不刷新的问题
解决思路:通过query传递参数即可,亲测可以,原理尚未知,先记录一下。 this.$router.push({name: 'ListModel', query: {modelId: modelId}});在新页面查询查询参数调用获取数据方法 //创建页面时调用获取页面数据方法 created() { this.getData(); }, methods: { getData() { //通过$route.原创 2020-05-14 10:03:31 · 7930 阅读 · 0 评论 -
Vue 编写js文件并引用
创建Js文件import Axios from 'axios';export function userLogin(urlBase,userId, pwd) { const url = urlBase+"login"; Axios.post(url, { "pwd": userId, "userId": pwd }).then((re...原创 2020-05-08 16:10:34 · 2062 阅读 · 0 评论 -
css鼠标触发修改样式
使用hover即可 .listItem { width: 1200px; height: 100px; justify-content: space-between; display: inline-flex; padding: 5px 0; background-color: #fff; ...原创 2020-04-08 09:59:47 · 692 阅读 · 1 评论 -
Idea vue/vli3 使用iview 出现的:ESLint: Parsing error: x-invalid-end-tag. (vue/no-parsing-error)
1.打开工程的该文件:2.在rules中添加“vue/no-parsing-error”: [2, { “x-invalid-end-tag”: false }]原创 2020-04-01 15:07:06 · 394 阅读 · 0 评论 -
Vue学习之小知识点笔记
vue工程需要进行npm install需要生产node_modules,下载完相关的依赖vue文件中的标签一般一个vue页面包括template、script,看工程初始化出来的例子:template标签一般是写界面相关的如div之类的,script是数据逻辑层。除了上面两个标签,我看还有style标签,写样式数据与数据监听<template> <div...原创 2020-03-29 16:56:34 · 218 阅读 · 0 评论 -
Vue自定义组件简单教程
第一步,创建自定义组件vue<template> <div id="app"> <h1>自定义组件!</h1> </div></template><script> export default { name: "MyView"//通过这个名字进行引用的...原创 2020-03-29 16:07:21 · 269 阅读 · 1 评论 -
vue-cli · Failed to download repo vuejs-templates/webpack-simple: tunneling socket could no
vue-cli · Failed to download repo vuejs-templates/webpack-simple: tunneling socket could not be established, cause=connect ECONNREFUSED 192.168.0.1:8086我这个问题非常奇怪,很诡异,找遍全网都找不到解决办法,卸载重装、删除代理都无效,就是提示使用了...原创 2020-03-26 14:52:21 · 5659 阅读 · 3 评论 -
Vue坑之children不显示问题
路由组件是要渲染到中的,请添加以下:原创 2020-03-25 20:00:34 · 2302 阅读 · 0 评论 -
Vue学习之页面起始页设置
Vue的起始页设置可以在路由中设置,如下,HelloWord就设置为起始页:当访问时效果会直接访问到这个页面,如下:对于其他页面,如Login,则需要这样访问:关于路由相关知识,可以参考下面文章学习:https://blog.csdn.net/qq_31967569/article/details/91546294...原创 2020-03-25 15:54:56 · 2576 阅读 · 0 评论