随笔分类 - Vue
摘要：系统有个默认的提示，但是有时候会根据项目要求实现不同的提示 话说这个ant框架的文档啊，能多写几个字吗，真的看不懂咋用啊 <a-table columns="columns" :loading="loading" :data-source="dataList" :locale="locale"> <
阅读全文
摘要：描述得乱七八糟的，其实就是外面有个列表，类似于图列，但是他特别复杂我就把图里给写在外面了 差不多长这样需求是这样的，点击饼状图，外面的列表高亮；点击外面的列表，饼状图高亮 来吧，上代码 eChart是图标，ul是列表 <div ref="chart" ></div> <ul class="List"
阅读全文
摘要：其实这个 formatter 很实用哈，可以自定义很多格式内容，尤其是提示和图例那边，还有柱状图的内容啥的 官网给的案例啊，看不懂哈哈哈 来点自己的小经验，几乎都可以实用啊，而且可以搭配rich自定义样式， 1、字符串模板 最简单的就是这样使用的，关于参数，这个官网给答案了，用啥取啥就行了， too
阅读全文
摘要：一直用的好好的这个运算符，换了个项目，用不了了 首先交代一下，vue版本是2.6.11，node版本是v14.17.4 ，vue-template-compiler也是2.6.11 首先哈，我们升级一下vue到2.7.xx版本 npm i vue@2.7.0 vue-template-compile
阅读全文
摘要：long long time no update，huuuuu~ 最近做一个看起来简单但是功能有点繁琐的东西 就是再A页面上传文件，然后B页面确定上传后调用接口，我不知道我这个逻辑对不对哈，有毛病求指教 首先用的ant-design框架上传文件 <a-upload list-type="text"
阅读全文
摘要：最近有时间做自己的事了，才想起来记录这些事 其实可简单了一句话的事 找到index.html 的这个代码 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 把他替换成这个，就好了 <meta name="vi
阅读全文
摘要：之前的时候大哥就让我自己搭架子，但是我拖延症，现在用到了，得自己搭了 我的项目都放到了 VuePorjects这个目录里面， 一、先进入到指定工作目录，（不是你要创建的项目的名称哈） cd VuePorjects/ 二、创建vue3项目，安装创建项目 npm create vite @latest
阅读全文
摘要：好久好久没更新了啊，其实有好多可以写的， 但是不知道为啥不想写了 方法一： // 输入的金额进行大写转换 function transformation(val) { var fraction = ["角", "分"]; var digit = ["零", "壹", "贰", "叁", "肆", "
阅读全文
摘要：之前用vue2的时候，写过vue2的用法，链接在这里点击跳转哈,用得挺好的，也没啥问题，照葫芦画瓢的做出来了，但是有问题，下滑之后调用多次数据，按理说 组件通过 loading 和 finished 这俩变量控制加载状态，当组件滚动到底部时，会触发 load 事件并将 loading 设置成 tru
阅读全文
摘要：首先，上官网地址 https://element.eleme.cn/#/zh-CN/component/form 首先页面上面用了弹窗的形式，做完之后长这样，有全屏，关闭等按钮，上效果图和完整代码！！！！！ <!--点击新增按钮 --> <div class="addbtn" @click="fun
阅读全文
摘要：ele官网给的描述是这样的 但是呢，我加了个富文本编辑器，所以关闭的时候没有清除富文本编辑器的内容，我就加了个 @close="closeDialog" <el-dialog v-model="datadialog" :show-close="true" :close-on-click-modal=
阅读全文
摘要：哎呀，一个富文本编辑器折腾了我好久啊，刚开始找的就是wangEditor ，但是上传图片的调接口，我就寻思找个简单的，后来换了quill 可以不调接口上传图片，但是v-model绑定不了，而且一直报错，后来换了tinymce,按照网上的教程装完了，wuhu，直接不显示，后来我妥协了，我换回来了wan
阅读全文
摘要：最普遍的方法就是在index.html里面加这句话 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name='viewport' content='width=device-width, initial-scale=1.
阅读全文
摘要：最近移了个项目，把页面所有的东西都移过来了，但是出现了这个问题，就是ios系统，咨询列表正常，详情页也没问题，返回上一页之后页面空白，接口请求了，也没报错，用的是go history(-1)的返回方式，这。。。。。。。 而且安卓没问题，那初步判断应该是ios系统的问题了，找了点问题发现是这样的， 首
阅读全文
摘要：1、首先安装@vue/cli npm install -g @vue/cli 提示安装成功，版本啥的，忘了截图 2、然后vue -V或者vue --version 查看版本 但是提示'vue' 不是内部或外部命令解决办法 我以为得重启电脑，wuhu~，不管用，正常不用重启的啊，就可以查看版本了 执行
阅读全文
摘要：1、转码encodeURIComponent(url)url:要转码的中文文字或者特殊字符返回值就是转码之后的字符，页面跳转的时候可能会使用 2、解码 decodeURIComponent(url)url:要解码的url返回值就是转码之后的字符，页面获取参数的时候会使用
阅读全文
摘要：2用的时候特别简单，在全局里面引用一下，然后方法里面，页面里面直接使用就行了，但是到3就状况百出，v-model绑定有问题，一点不起作用 首先2用的时候，在main.js里面全局引用一下 然后页面里面直接使用 <van-dialog v-model="show" title="提醒" show-ca
阅读全文
摘要：我们最近的项目用的都是vue3，2还没学好呢，3就开始了，做一个笨鸟，没提前飞，还拉后腿了。。。。 一日期格式 基本代码： <el-date-picker v-model="value1" type="date" placeholder="选择日期" > </el-date-picker> 不加 f
阅读全文
摘要：官网给的颜色长这样 但是我们要按设计图要，长这样 接下来就是我们发挥的时候了 首先改他们框架的颜色，style里面不能加scoped ，最好前面加上外面盒子的class名字，要不容易影响其他页面的效果 <style lang="scss"> //修改鼠标滑过的颜色 .el-pagination.is
阅读全文
摘要：首先使用方法 下载链接 下载tinymce文件 解压后放在components目录下 页面中使用 1）引入文件 2）注册组件 3）html中使用 import Tinymce from '@/components/Tinymce' components: { Tinymce, // 富文本编辑器 }
阅读全文
浙公网安备 33010602011771号