Vue
Vue相关
念V伊人
Thought is already is late, exactly is the earliest time.
展开
-
Vue中数组的响应式方法
<div id="app"> <h2>普通数组</h2> <ul> <li v-for="item in arr">{{item}}</li> </ul> <h2>对象数组</h2> <ul> <li v-for="item in objArr">{{item.name}}======{{item.age}}</li> </ul>原创 2021-04-05 23:05:50 · 398 阅读 · 0 评论 -
v-for
<div id="app"> <h2>遍历 数组 </h2> <p>遍历简单数组时,第一个参数为 值,第二个参数为 索引</p> {{ names }} <ul> <li v-for="value in names">value:{{value}}</li> </ul> <ul> <li v-for="(valu原创 2021-04-05 11:16:17 · 95 阅读 · 0 评论 -
uniapp 项目指定启动的端口号
双击根目录中的 manifest.json 文件原创 2021-02-01 11:58:50 · 1865 阅读 · 0 评论 -
指定vue项目默认启动端口
打开vue.config.js 文件,没有的话在项目根目录新建module.exports = { devServer: { // 指定项目启动时的默认端口号 port: 8002 }};原创 2020-12-02 13:54:59 · 2441 阅读 · 0 评论 -
Ant Design Vue 走马灯(Carousel)组件自定义箭头的实现
引用组件import {Carousel, Icon} from ‘antd’;<div class="modal_box"> <!-- 上一页的图标 --> <a-icon type="left" style="font-size: 50px" @click="handlePrev" /> <!-- 走马灯 --> <!-- 一定要注意这里指定的 ref --> <a-c原创 2020-10-15 16:54:39 · 7057 阅读 · 3 评论 -
vue 之this.$router.push、replace、go的区别
一、this.$router.push说明:跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面使用:this.$router.push('/index')this.$router.push({path:'/index'})this.$router.push({path:'/index',query:{name: '123'}})this.$router.push({name:'index',params:{name:'123'}})二、this.$rou转载 2020-10-12 14:33:56 · 166 阅读 · 0 评论 -
vue鼠标事件(单击、双击)不起作用解决方法
子组件中使用,请添加修饰符[email protected]@click.native通俗点讲:.native将vue子组件变成了普通的HTML标签!该修饰符对普通HTML标签是没有任何作用转载 2020-10-10 09:50:46 · 2133 阅读 · 1 评论