Vue
关注
分享
扫一扫
文章平均质量分 72
Vue
夏已微凉、
这个作者很懒，什么都没留下…
展开
-
Layui时间插件laydate只选择时分
需要一个只选择时分的控件，首先想到的是laydate，然后看一下控件的类型。//min'string',//设置最小值。/*设置只展示时分，隐藏秒那一列*//*设置只展示时分，隐藏秒那一列*///给默认值，模拟后台返回的数据。/*layer弹出一个示例*///元素操作等等...//vue挂载的元素。...原创 2022-07-23 14:11:31 · 3602 阅读 · 0 评论 -
VUE+Layui 输入框、下拉选择框、复选框、开关、文本域 数据回显
vue+layui表单数据回显原创 2022-07-18 21:22:39 · 1926 阅读 · 1 评论 -
VUE+Layui 复选框：回显、禁用效果
VUE+Layui 复选框：回显、禁用效果原创 2022-07-18 21:20:52 · 910 阅读 · 0 评论 -
axios的简单二次封装及使用
一、前言二、操作1、安装 axios2、文件目录结构3、request.js 接口请求统一处理4、index.js 接口请求功能封装5、footer/index.vue 使用封装好了的方法三、他山之石一、前言这里是对接口请求进行简单的二次封装，要更全面的处理接口数据，可以使用：vue 引入store_Vue 全局数据管理二、操作1、安装 axiosnpm install axios2、文件目录结构3、request.js 接口请求统一处理import axios from "ax.原创 2022-05-20 22:28:56 · 1329 阅读 · 2 评论 -
Vue下URL地址栏参数改变却不能刷新界面
一、前言二、原因三、解决一、前言下拉选择，根据不同的值展示不同的内容，初次点击可以获取到相应的值，但是当第二次点击时，虽然地址栏的参数改变了，但页面内容并没改变。URL 如下：http://127.0.0.1:8080/#/user?hobby=studyhttp://127.0.0.1:8080/#/user?hobby=play二、原因vue项目中路由跳转默认采用hash的方式，而hash的变化不会导致浏览器发送请求到服务器；将获取数据的的函数的执行放在了Vue生命周期函数 .原创 2022-05-20 22:26:26 · 3813 阅读 · 0 评论 -
Vue项目中：使用数组中的元素绑定 v-show，v-if 时的失效问题：this.$set()，Vue.set()
一、场景二、问题查找三、当值的对象时四、Demo，当值是二维数组时五、他山之石一、场景循环一个二维数组，通过点击标题，用 v-show，v-if 判断详情是否展示。二、问题查找可能是设置值出了问题，用 this.$set( target, propertyName/index, value )实现参数有三个：第一个参数是对象或数组如果是对象，第二个参数就是属性名；如果是数组，第二个参数就是数组中的下标第三个参数是修改的值：如果是对象就是值，如果是数组可能是值，也有可能是对象，如 {.原创 2022-05-04 16:08:31 · 1667 阅读 · 1 评论 -
vue项目中引入全局css
一、使用样式的文件部分代码二、全局样式文件 common.css三、引入全局样式（方法很多，给2种相对简单的）1、main.js 中引入2、App.vue 中引入一、使用样式的文件部分代码<div> <p>友情链接：</p> <div> <a href="#" target="_blank"> <p class="p-hover">链接1</p> </a> <a href="#".原创 2022-05-04 16:05:24 · 2697 阅读 · 0 评论 -
linux 安装npm
一、安装1、下载源码安装包2、解压并放入指定目录3、建立软连接二、切换淘宝镜像两种方法1、普通使用2、 通过cnpm使用一、安装1、下载源码安装包cd ~wget https://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz2、解压并放入指定目录tar -xf node-v14.15.4-linux-x64.tar.xzmv node-v14.15.4-linux-x64 /usr/local/node3、建立软连接c.转载 2022-02-13 13:58:35 · 14415 阅读 · 3 评论 -
有效解决vue动态绑定多个class的官方实例语法无效的问题
有效解决vue动态绑定多个class的官方实例语法无效的问题 首先，直接进入正题，我想要给一个dom绑定多个class，而且是动态绑定，这个时候可以用v-bind简写可以写为“ ：”冒号，我查了官方的语法，具体如下：<!-- class 绑定 --><div :class="{ red: isRed }"></div><div :class="[c...转载 2020-07-22 23:40:25 · 1235 阅读 · 0 评论 -
Vue中watch用法详解
一、使用1、基本用法2、handler方法和immediate属性3、deep属性（深度监听，常用语对象下面属性的改变）二、讲解一、使用1、基本用法当fullName值变化时，watch监听到并且执行<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></di.转载 2020-07-18 16:58:05 · 413 阅读 · 0 评论 -
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法1、后台数据传过来的HTML字符串并没有被转换为正常的HTML代码,为此去官网上查了下资料，发现在vue2.0版本中，{{{}}}转换HTML的方式已经被废除，该版本中必须使用v-html标签进行转换。2、效果：3、代码（复制可用）<...原创 2020-01-04 14:31:38 · 1798 阅读 · 0 评论 -
vue.js 输入框金额限制
vue.js 输入框金额限制1、页面（有点丑）：2、代码：<html><head><title>输入框</title><style> div#table_id{...原创 2019-12-10 19:42:06 · 1027 阅读 · 0 评论