vue
LxLzhz
这个作者很懒,什么都没留下…
展开
-
echarts 屏幕变化自适应
解决方法: 将 window.onresize 替换成 window.addEventListener(“resize”, () => { })遇到的问题: vue 多个组件中同时使用window.onresize时,只有一个组件起作用。原创 2022-10-21 10:47:30 · 256 阅读 · 1 评论 -
Tree数据的修改和查询单个数据
2.根据条件查询Tree中的某条数据。1.修改Tree中的数据。原创 2022-08-18 16:46:17 · 340 阅读 · 0 评论 -
vue阻止页面回退
mounted() history.pushState(null, null, document.URL) window.addEventListener( 'popstate', () => { // 在这个可以添加条件判断 history.pushState(null, null, document.URL) }, false ) }...原创 2022-03-03 16:41:18 · 588 阅读 · 0 评论 -
代码编辑器 vue ace editor 在vue中的使用
1.安装vue ace editor npm install --save-dev vue2-ace-editor2.引用 // 1.在使用的vue页面进行引用 import Editor from 'vue2-ace-editor' components: { Editor }, // 2.在main.js中引用 import Editor from 'vue2-ace-editor' Vue.component('editor', Editor)3.页面使用<原创 2021-07-13 14:36:23 · 629 阅读 · 0 评论 -
搭建AntVue网页项目
1.创建Vue2 项目vue create ant-demo2.安装ant-design-vue组件npm i --save ant-design-vue//引用ant 在main.js添加import Antd from 'ant-design-vue';Vue.use(Antd);3.安装vue-routernpm install vue-router --save// 引用 router 在main.js 添加import VueRouter from 'vue-rout原创 2021-04-28 16:03:18 · 486 阅读 · 0 评论 -
vue moment 当前时间
1、安装插件 moment <div class="time-warp"> <span class="time">{{ nowtime | updatetime }}</span> </div> import moment from 'moment' export default { filters: { updatetime: function (value) {原创 2021-03-22 15:48:49 · 184 阅读 · 0 评论 -
ant-desgn 下拉选择 使用v-decorator设置值显示为数字的问题
<a-col :sm="24" :md="12"> <a-form-item label="上报类型" :label-col="labelCol" :wrapper-col="wrapperCol"> <a-select v-decorator="['type', validatorRules.type]" placeholder="请选择进出类型" ..原创 2021-03-12 15:55:14 · 549 阅读 · 0 评论 -
Vue 动态绑定 CSS 和 Style
绑定CSS1.对象语法<div :class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}2.数组语法<div :class="[isActive ? activeClass : '', errorClass]"></div>data: { activeClass: 'active'原创 2021-03-02 10:20:31 · 176 阅读 · 0 评论 -
vue-cli 中使用 postcss-px-to-viewport 插件实现移动端自适应
1.安装使用npm 进行安装npm install postcss-px-to-viewport --save-dev2.在 vue.config.js 中配置参数(若没有则在根目录创建vue.config.js)module.exports = { css: { loaderOptions: { postcss: { plugins: [ require("postcss-px-to-viewport")({ u原创 2021-01-15 17:09:41 · 200 阅读 · 0 评论