vue uni-app 的set用法总结

10 篇文章 0 订阅
<template>
    <div id="app2">
        <p v-for="item in items" :key="item.id">{{item.message}}</p>
        <button class="btn" @click="handClick()">更改数据</button>    
    </div>
</template>

<script>
export default {
    data() {
        return {
            items: [
                { message: "one", id: "1" },
                { message: "two", id: "2" },
                { message: "three", id: "3" }
            ]
        };
    },
    mounted(){
        this.items[0]={message:"测试",id:"4"};  //此时对象的值更改了,但是视图没有更新
        this.$set(this.items,0,{message:"测试",id:"4"}); //$set可以触发更新视图
        console.log(this.items)
    },
    methods: {
        // 调用方法:Vue.set( target, key, value )

        // target:要更改的数据源(可以是对象或者数组)

        // key:要更改的具体数据

        // value :重新赋的值
        handClick() {
            //Vue methods中的this 指向的是Vue的实例,这里可以直接在this中找到items
            this.$set(this.items, 0, { message: "更改one的值", id: "0" });
        },
    }
};
</script>

<style>
</style>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app是一个基于Vue.js开发的跨平台应用开发框架,可以使用一套代码开发iOS、Android、H5、小程序等多个平台的应用。在uni-app中,可以使用clipboard模块来实现剪贴板的相关功能。 使用clipboard模块的第一步是在需要使用的页面或组件中引入clipboard模块。可以在页面或组件的vue文件中的script标签中使用import语句引入clipboard模块,例如: import clipboard from "@/uni_modules/uni-clipboard"; 在需要使用剪贴板功能的方法中,可以使用clipboard模块提供的相关API。其中,常用的API有set方法和get方法。set方法用于设置剪贴板的内容,可以接收一个字符串作为参数,例如: clipboard.set("Hello, clipboard!"); get方法用于获取剪贴板的内容,可以通过调用该方法获取剪贴板中的文本内容,例如: let content = clipboard.get(); 除了set和get方法,clipboard模块还提供了其他一些用于剪贴板操作的方法。例如,可以使用has方法判断当前设备是否支持剪贴板操作,可以使用clear方法清空剪贴板中的内容,以及可以使用watch方法监听剪贴板的变化等。 需要注意的是,由于不同的平台对剪贴板的访问权限不同,使用clipboard模块时需要在manifest.json文件或小程序配置文件中配置相应的权限。 总之,uni-app中使用clipboard模块可以方便地实现剪贴板的相关功能,包括设置剪贴板的内容和获取剪贴板中的内容等。如果开发的是跨平台应用,使用clipboard模块可以在不同的平台上实现一致的剪贴板操作体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值