weixin_45799001的博客

原创 vue3 响应式 ref 、reactive、computed的区别，和watch 监听器的使用

vue3 响应式 ref 、reactive、computed的区别，和watch 监听器的使用

原创 vue2组件之间传值方式，父子，子父，兄弟，v-model ,provide和inject,$parent和$children

vue2组件之间传值方式，父子，子父，兄弟，v-model ,provide和inject,$parent和$children

原创 Vue3组件中的defineProps 组件之间传值、defineEmits 子组件向父组件事件传递、defineExpose子组件暴露自己的属性的用法

Vue3组件中的defineProps 组件之间传值、defineEmits 子组件向父组件事件传递、defineExpose子组件暴露自己的属性的用法

原创 vue项目 前端适配分辨率放大缩小比例

2.在app.vue 文件引入。3.在created 里面。

原创 element tree树形结构设置默认展开几级

element tree树形结构设置默认展开几级

原创 web端首页获取当前位置，展示当前登录用户的气温

1.参考高德地图api获取位置信息 地址https://developer.amap.com/api/jsapi-v2/guide/services/geolocation2.参考高德地图api获取天气 地址https://developer.amap.com/api/jsapi-v2/guide/services/weather3.引入高德 vue 包4.参考代码如下...

原创 解决element组件，Cascader 级联选择器数据无法二次渲染的问题

当你使用elementUI组件后，如果使用接口传参赋值，第一次可以正常渲染数据，但是当第二次重复操作时，数据是正常的，在页面却没有正常显示。我们拿Cascader 级联选择器为例，解决办法是强制使用 v-if 进行重新加载渲染。......

原创 上传头像，鼠标放上去 遮罩效果 el-upload

css

原创 vue element UI el-dialog 如何监听右上角 x 关闭按钮，不允许点外面关闭弹框

不允许点外面关闭弹框第一种:(单个设置)在el-dialog标签中添加:close-on-click-modal="false"即可第二种:(全局设置)在mian.js里面引入并设置：

原创 js中 字符替换 replace 加引号和 不加‘”“的区别

1.不加引号，用 、str.replace(/ /ig,“”);替换2.如果要加 ‘引号，replace 字符替换 的方法

原创 vue this.$confirm中提示的文字换行

写一个简单的按钮点击确认框信息的时候，发现换行不能用\n。用了< br>发现也是字符串的输出形式去查了下发现需要使用$createElement来创建

原创 vue 自定义指令控制权限按钮

vue 自定义指令控制权限按钮

原创 vue2 element ui el-cascader选中后没有自动收起 不隐藏下拉

el-cascader选中后不隐藏下拉

原创 多环境配置vue.config.js vue2

vue.config.js 文件package.json上面对应的文件新建，dev，build，uat，prod.dev 配置.uat 配置prod 配置如上request.js

原创 高德地图：删除marker 添加 marker

删除某个marker删除地图上所有的marker添加

原创 取消 element 左侧菜单动画

:collapse-transition="false"

原创 Vue中使用qs 将post 请求方式序列化成get 请求

qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库npm install qs组件使用import qs from 'qs'主要使用qs.parse(),qs.stringqs.parse()是将URL解析成对象的形式qs.stringify()是将对象 序列化成URL的形式，以&进行拼接let data = qs.stringify({ "username":this.username, "password":this.password});返回

原创 el-menu img动态图片显示不出来问题

使用拼接展示icon: require(`@/${item.menuIcon.substring(3)}`)显示不出来 icon: require('../assets/images/zp.png'),.vue文件<img :src="item.meta.icon" alt="" style="padding-right: 10px">

原创 表格全选后台交互

表格 <el-table stripe border :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }" > <el-table

原创 时间全局过滤器 vue 用法

min.js// 定义一个全局过滤器Vue.filter('dataFormat', function (input, pattern = '') { var dt = new Date(input); // 获取年月日 var y = dt.getFullYear(); var m = (dt.getMonth() + 1).toString().padStart(2, '0'); var d = dt.getDate().toString().padStart(2,

原创 vue-quill-editor富文本 回显数据样式失效

1.首先排查的css文件是否引入，在min.js中查看import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'Vue.use(VueQuillEditor)2.重点检查v-html 回显代码片段3.将回显的html内容，包裹在一个div容器中，并加上对应

原创 【无标题】VUE 强行加载demo元素

this.$nextTick(function () { var myEvent = new Event('resize'); // 创建一个支持冒泡且不能被取消的resize事件 window.dispatchEvent(myEvent); this.drawLine_11() // 事件可以在任何元素触发});

原创 css 设置背景图片铺满固定不动

#page{ position: relative; width: 100%; height: 100%; background-image:url(../img/bg.JPG); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; float: left; }

原创 若依框架前端问题总结

table 表格中改变columns{ field : 'id', title : '序号', formatter: function (value, row, index) { return $.table.serialNumber(index); } },{ field :

原创 js加载fbx模型文件

html<div class="ui-layout-center"> <div class="container-div"> <div class="row" style=" background: #fff;" > <div class="ibox float-e-margins" style="margin: 15px;padding: 20px;min-height: 650px;">

原创 Cesium.js地球

.js <script th:src="@{/common/jquery.min.js}" type="text/javascript"></script> <script th:src="@{/Cesium-1.61/Build/CesiumUnminified/Cesium.js}"></script> // 地图加载线的颜色 var color = [Cesium.Color.LIGHTSLATEGREY, Cesium.Color.LIGHT

原创 web嵌入unity，传输协议

<div id="unity-container" class="unity-desktop"> <canvas id="unity-canvas" width=960 height=600></canvas> <div id="unity-loading-bar"> ...

原创 小程序table 表格+小程序table 表格太长显示不全，实现滚动效果

<view style="margin:15px"> <van-row> <van-col span="20"> <van-field value="{{ name }}" border="{{ false }}" disabled is-link bindtap="showPopup" label="传感器类别："/> </van-col> <van-col span="4">

原创 小程序循环多个图表

.xml <view class="boxxx" wx:for="{{ecLine}}" wx:key="index"> <ec-canvas wx:if="{{!show}}" id="{{'myecharts' + index}}" canvas-id="{{'myecharts' + index}}" ec="{{ ecLine[index] }}"></ec-canvas> </view>.jsconst api = requir

原创 小程序登录

login.jsconst api = require('../../utils/api.js') // 引入api接口管理文件//获取应用实例const app = getApp() Page({ data: { username: '', password: '' }, //事件处理函数 bindViewTap: function() { }, onShow: function () { }, onLoad: function () {

原创 小程序api封装

//const baseUrl = 'https://qkzx.qiaokou.gov.cn/Interface'; const baseUrl='http://192.168.10.159:8081/nb-api'const http = ({ url = '', param = {}, ...other } = {}) => { wx.showLoading({ title: '请求中，请耐心等待..', mask:true });

原创 Jquery动态添加表格，点击事件，图表，

$.ajax({ url: 'queryModuleByPid?pid=' + protoId, dataType: 'JSON', success: function (datas) { $("tbody").html(""); for (var i = 0; i < datas.length; i++) { var tr = document.createElement("tr"); var div = document.getElementById('tbody').

原创 JQuery 登录，记住密码，密码小眼睛

登录 <form method="post" id="loginForm"> <div class="login-form"> <li > <img th:src="@{/img/user.png}"> <input type="text" name="user" onkeyup="this.value=this.value.replace(/\s+/g,''),this.value=this

原创 jQuery 项目 兼容IE ，缓存问题，等总结

不支持ES6语法 option += '<p class="actionsw" value="'+data[i].type+'" text = "'+data[i].sourceId+'" style="font-size: 16px"><span>'+title+'</span></p>';不支持onclick事件 $(".actionsw").click(function () { var type= $(

原创 layui checkbox加th；全选 反选

原创 layui 去除input 文本空格

onkeyup="this.value=this.value.replace(/[, ]/g,'')"

原创 动态添加Table tbody 给option 下拉框动态赋值 逻辑删除

var index = 0; function featureModel() { index++; let tHtml = `<tr> <td><select name="" lay-filter="" id="selectname${index}"><option value="">请选择</option></select></td> <td><input type="text" .

原创 form提交表格加表单数据

表格数据 <input type="hidden" name="materialFieldModel"> <label class="layui-form-label" style=" width: 110px;padding: 9px 9px;">物质-场模型</label> <div class="layui-input-block"> &lt

原创 将字符串1/4转换成0.25 eval（）

eval(string)必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。eval("2+3") // 返回 5

原创 动态 提交表单，提交不上，解决办法data: $(‘# ‘).serialize()

form.on('submit(FormData)', function (data) { $.ajax({ url: 'insertPsqResult', method: 'post', data: $('#itemView').serialize(), // <form id="itemView"> dataType: 'JSON', async: false, success: function (res) { if (res.code =.