操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。 # 绑定 HTML Class # 对象语法 我…
一、条件判断指令 1.1 前言 某些情况下，我们需要根据当前的条件决定某些元素或组件是否渲染，这个时候我们就需要进行条件判断了。 Vue 中有如下指令来进行条件判断： v-if v-else v-else-if v-show 使用了上面指令的标签内容只有在指令条件为 true 时，才会被渲染出来。 1.2 v-if的渲染特性 v-if是惰性的； 当条件为 false 时，其判断的内容完全不会被渲染…
例子来源： React App (a4z.cn) bp图官方文档： http://bl.ocks.org/npashap/12cd547b1a3270603a139186b05415ff 通过看github源码: ant-admin/VerticalBPChart.js at master · nelsonkuang/ant-admin (github.com) ant-admin/D3Verti…
vue 基础 promise 1.promise基本使用 <script> new Promise((resolve,reject)=>{ setTimeout(()=>{ //成功 //收到data后把 data传递到then那 resolve('hello world') //失败 //调用 reject reject('error') },1000) }).then(…
HTML代码： <FormItem label="开始时间"> <DatePicker type="date" :options="startOption" v-model="createForm.startDate" ></DatePicker> </FormItem> <FormItem label="结束时间"> <DateP…
出错 解决 检查 import Vue from 'vue’是不是多写了，写重了， 一直报这个错误不知道怎么解决 重新 npm run dev 就好了 版权声明：本文为weixin_43755104原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/weixin_43755104/article/details/…
1.接口 getOrder(param){ return request({ method: 'get', url: '/order/loadlist', params: param }) }, 2.使用 methods: { getOrderList(){ let param = { limit: this.limit, page: this.page } service.getOrder(pa…
我们的项目出现聊天室、客服等需求，需要与服务器建立双全工通信，这里使用socket.io框架, 具体使用步骤可以查询官方文档，非常简单，方便。这里主要解决使用时遇到的坑。 我是用vue3搭建的项目， 问题一：vue-socket.io与socket.io的区别 一、socket.io 1.在项目的 入口文件index.js 用socket链接 <script src="https://cdn…
目录 1、组件 1.1、html 部分 1.2、JavaScript 部分 1.3、Css 部分 2、使用组件 2.1、html 部分 2.2、JavaScript 部分 3、演示 1、组件 1.1、html 部分 <div class="search_box"> <div class="input_clear_box"> <input type="text" :pl…