Vue.js
vue
zhangyiyy
用最简单的话记录
展开
-
vue-quill-editor v-html内容不居中或者样式失效
只需要添加class="ql-editor" <div class="ql-editor" v-html="content">原创 2021-12-07 10:50:10 · 2272 阅读 · 1 评论 -
axios 中的content-type
get请求不存在设置content-type。只有post和put用到content-type,常用的post方式,所以这里着重说post。post的content-type三种类型:Content-Type: application/json对于axios,post的时候axios.post(url,{a:1,b:2}),第二个参数是对象的时候,默认是这个类型Content-Type: application/x-www-form-urlencoded对于axios,post的时候let转载 2021-09-17 09:13:07 · 181 阅读 · 0 评论 -
定义全局自定义组件
1,mian.js中import comTip from '@/components/comTip/comTip.vue'Vue.component("comTip", comTip);2,使用<comTip />原创 2021-09-15 09:52:11 · 80 阅读 · 0 评论 -
vue中使用novnc
安装cnpm install @novnc/novnc封装<template> <div id="screen" style="width:100%; height:100%"> </div></template><script>import RFB from "@novnc/novnc/core/rfb";export default { props: { wsURL: { type: String转载 2021-01-28 17:13:51 · 2754 阅读 · 9 评论 -
表单验证规则rules
前提async-validator 是一个异步验证的库,element 与 iview 的 Form 组件都是基于 async-validator 实现的数据验证,这里用iview演示代码。官方链接 https://github.com/yiminghe/async-validator基本使用给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段<template> <div class="form-d"> &l原创 2020-10-29 17:35:44 · 6114 阅读 · 0 评论 -
Vue中computed和watch的总结
计算属性(computed)1,我们需要对数据进行一些处理后再展示这个时候就可以用到computed。当然模板中也可以处理,但是可读性差,且不好维护。如下: 对已知数组转换特定字符串 <!-- <div id="app">{{arr.join('-')}}</div> --> <div id="app">{{str}}</div> <script src="https://cdn.jsdelivr.net/npm/v原创 2020-10-20 11:38:18 · 198 阅读 · 1 评论 -
Vue中实现分块上传
基于vue-simple-uploader安装 npm install vue-simple-uploader --save注入插件import uploader from 'vue-simple-uploader'Vue.use(uploader)封装<template> <div> <uploader :options="options" :file-status-text="statusText" class="uploader-exampl原创 2020-07-23 12:48:25 · 946 阅读 · 0 评论 -
iview + vue table分页勾选记忆
想法:1,已知给 data 项设置特殊 key _checked: true 可以默认选中当前项2,用tempArr[]记录勾选的数据的id,勾选时则加入,取消时则删除。3,渲染数据时,对比tempArr[]的id代码:<template> <div style="width:500px;margin:0 auto"> <Table border :columns="columns" :data="datas" @on-select="onSelect"原创 2020-06-30 14:55:01 · 1620 阅读 · 1 评论 -
Vue中使用并封装代码编辑器
我选择是 vue2-ace-editor1,安装npm install --save vue2-ace-editor2,简单封装成组件并使用<template> <div> <editor ref='myEditor' v-model="content" @init="editorInit" :lang="propLang" theme="chrome" width="90%" :height="propHeight" :options="op原创 2020-05-28 18:04:49 · 1241 阅读 · 1 评论 -
vue中定义全局变量
1,新建constants.js 存放变量,并export default导出const test = '123' // 变量值export default { // 导出 test}2,在main.js中引入,加到Vue的原型上import Constants from './libs/constants.js'Vue.proptotype.CONSTANTS = Con...原创 2020-04-24 17:44:41 · 716 阅读 · 0 评论 -
Vue中props类型及默认值
props: { demoString: { type: String, default: '' }, demoNumber: { type: Number, default: 0 }, demoBoolean: { type: Boolean, default: true ...原创 2020-04-03 11:34:28 · 35134 阅读 · 2 评论 -
vue组件之间的传值
父子之间传值父组件<template> <div class="p_div"> <span>父组件</span> <input type="text" :value="sonFinfo"> <FirstSon :getP="p" @sendP="getSon1" /> </div&g...原创 2020-01-13 09:53:49 · 100 阅读 · 0 评论