- 博客(54)
- 收藏
- 关注
原创 vue3 响应式 ref 、reactive、computed的区别,和watch 监听器的使用
vue3 响应式 ref 、reactive、computed的区别,和watch 监听器的使用
2022-11-30 15:36:17 1127 1
原创 vue2组件之间传值方式,父子,子父,兄弟,v-model ,provide和inject,$parent和$children
vue2组件之间传值方式,父子,子父,兄弟,v-model ,provide和inject,$parent和$children
2022-11-29 17:57:01 1470
原创 Vue3组件中的defineProps 组件之间传值、defineEmits 子组件向父组件事件传递、defineExpose子组件暴露自己的属性的用法
Vue3组件中的defineProps 组件之间传值、defineEmits 子组件向父组件事件传递、defineExpose子组件暴露自己的属性的用法
2022-11-29 16:49:18 1142
原创 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.参考代码如下...
2022-07-13 16:30:16 501
原创 解决element组件,Cascader 级联选择器数据无法二次渲染的问题
当你使用elementUI组件后,如果使用接口传参赋值,第一次可以正常渲染数据,但是当第二次重复操作时,数据是正常的,在页面却没有正常显示。我们拿Cascader 级联选择器为例,解决办法是强制使用 v-if 进行重新加载渲染。......
2022-06-21 18:18:35 1396 1
原创 vue element UI el-dialog 如何监听右上角 x 关闭按钮,不允许点外面关闭弹框
不允许点外面关闭弹框第一种:(单个设置)在el-dialog标签中添加:close-on-click-modal="false"即可第二种:(全局设置)在mian.js里面引入并设置:
2022-06-17 16:02:05 3110
原创 js中 字符替换 replace 加引号和 不加‘”“的区别
1.不加引号,用 、str.replace(/ /ig,“”);替换2.如果要加 ‘引号,replace 字符替换 的方法
2022-06-15 21:48:15 445
原创 vue this.$confirm中提示的文字换行
写一个简单的按钮点击确认框信息的时候,发现换行不能用\n。用了< br>发现也是字符串的输出形式去查了下发现需要使用$createElement来创建
2022-06-01 16:51:00 7434
原创 多环境配置vue.config.js vue2
vue.config.js 文件package.json上面对应的文件新建,dev,build,uat,prod.dev 配置.uat 配置prod 配置如上request.js
2022-06-01 11:15:33 723
原创 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});返回
2022-05-18 21:47:52 590
原创 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">
2022-05-18 21:43:21 280
原创 表格全选后台交互
表格 <el-table stripe border :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }" > <el-table
2022-05-10 11:14:06 200
原创 时间全局过滤器 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,
2022-05-10 11:08:14 248
原创 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容器中,并加上对应
2022-04-22 14:57:17 3716 1
原创 【无标题】VUE 强行加载demo元素
this.$nextTick(function () { var myEvent = new Event('resize'); // 创建一个支持冒泡且不能被取消的resize事件 window.dispatchEvent(myEvent); this.drawLine_11() // 事件可以在任何元素触发});
2022-02-28 22:50:35 140
原创 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; }
2022-01-06 17:38:28 836
原创 若依框架前端问题总结
table 表格中改变columns{ field : 'id', title : '序号', formatter: function (value, row, index) { return $.table.serialNumber(index); } },{ field :
2022-01-04 15:08:07 3134
原创 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;">
2022-01-04 14:10:12 1593 1
原创 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
2022-01-04 11:29:59 684
原创 web嵌入unity,传输协议
<div id="unity-container" class="unity-desktop"> <canvas id="unity-canvas" width=960 height=600></canvas> <div id="unity-loading-bar"> ...
2022-01-04 11:22:42 2538
原创 小程序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">
2022-01-04 11:03:27 939
原创 小程序循环多个图表
.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
2022-01-04 10:58:29 238
原创 小程序登录
login.jsconst api = require('../../utils/api.js') // 引入api接口管理文件//获取应用实例const app = getApp() Page({ data: { username: '', password: '' }, //事件处理函数 bindViewTap: function() { }, onShow: function () { }, onLoad: function () {
2022-01-04 10:13:52 71
原创 小程序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 });
2022-01-04 10:11:01 80
原创 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').
2021-12-02 16:04:47 817
原创 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
2021-12-02 15:56:05 345
原创 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= $(
2021-12-02 15:43:33 839
原创 动态添加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" .
2021-01-07 16:51:20 457 2
原创 form提交表格加表单数据
表格数据 <input type="hidden" name="materialFieldModel"> <label class="layui-form-label" style=" width: 110px;padding: 9px 9px;">物质-场模型</label> <div class="layui-input-block"> <
2021-01-07 16:46:27 1543 2
原创 将字符串1/4转换成0.25 eval()
eval(string)必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。eval("2+3") // 返回 5
2020-12-14 15:10:31 264
原创 动态 提交表单,提交不上,解决办法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 =.
2020-12-14 15:02:54 785
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人