首页 > 其他分享 >uniapp 中renderjs的使用

uniapp 中renderjs的使用

时间:2024-06-08 19:25:44浏览次数:19  
标签:uniapp console log 按钮 ownerInstance 使用 data event renderjs

1.cs.vue

<template>
    <view class="demo">
        <!-- text是renderjsmodule名称 -->
       
		
        <view> {{data}}</view>
        <button @click="text.onClick2">
			按钮2
		</button>
		
		
		<button  @click="text.onClick1">
			按钮1
		</button>
		 
    </view>
</template>
<!-- 普通的script标签 -->
<script>
    export default {
		data(){
            return {
				data: "hello",
            }
        },
        methods:{
           
        }
    }
</script>
<!-- renderjs的script标签 -->
<script module="text" lang="renderjs">
    export default {
       
		methods:{
			onClick1(event, ownerInstance) {
				console.log('点击了按钮1');
				console.log(event);
				console.log(ownerInstance);
			},

			onClick2(event,ownerInstance) {
				console.log('点击了按钮2');
				console.log(event);
				console.log(ownerInstance);
			},
           
        }
    }
</script>

  

标签:uniapp,console,log,按钮,ownerInstance,使用,data,event,renderjs
From: https://www.cnblogs.com/zhangyouwu/p/18238856

相关文章

  • MFC IE控件使用
    Explorer.h#pragmaonce//MachinegeneratedIDispatchwrapperclass(es)createdbyMicrosoftVisualC++//NOTE:Donotmodifythecontentsofthisfile.Ifthisclassisregeneratedby//MicrosoftVisualC++,yourmodificationswillbeoverwritten.......
  • .net core使用PageOffice时提示POBrowser is not defined
    页面控制台提示: 说明PageOffice.js未引用,页面增加<scripttype="text/javascript"src="~/pageoffice.js"></script>如果还是访问不到这个js,检查一下Startup.cs,注册2个中间件即可。//Thismethodgetscalledbytheruntime.UsethismethodtoconfiguretheHT......
  • 图文详解Windows系统下搭建mysql开发环境——mysql Community 8 和 navicat Premium 1
    在正式开始学习使用MySQL之前,我们有必要先搭建一个良好的开发环境,让我们的学习和工作效率事半功倍。本文涉及到的软件百度云盘:链接:https://pan.baidu.com/s/1jj_YajEv8adeEjMrXLhOTQ?pwd=1023提取码:1023目录客户机—服务器软件MySQL版本MySQL的下载和安装MySQL服务的......
  • Go使用websocket+nats队列实现聊天
    示例用的github.com/olahol/melody其实是在gorilla/websocket的基础上封装了一下packagemainimport( "encoding/json" "fmt" "github.com/nats-io/nats.go" "github.com/olahol/melody" "log" "net/http" "runti......
  • 前端使用 Konva 实现可视化设计器(13)- 折线 - 最优路径应用【思路篇】
    这一章把直线连接改为折线连接,沿用原来连接点的关系信息。关于折线的计算,使用的是开源的AStar算法进行路径规划,启发方式为曼哈顿距离,且不允许对角线移动。请大家动动小手,给我一个免费的Star吧~大家如果发现了Bug,欢迎来提Issue哟~github源码gitee源码示例地址灵感......
  • 使用Python进行容器编排【Docker Compose与Kubernetes的比较】
    ......
  • 使用Redis计算两点经纬度距离
    Redis的GEO特性允许您存储地理位置信息并执行地理空间查询。这其中包括了计算两个地理位置之间的距离。以下是如何使用Redis中的相关命令来执行这项任务的详细解释。案例:步骤1:添加地理位置数据使用GEOADD命令向Redis添加地理位置数据。例如,我们添加两个城市的经纬度:GEOAD......
  • SpringAMQP使用管理RabbitMQ的五种消息模型
    使用SpringAMQ实现五种消息队列模型1.普通队列2.工作队列(WorkQueue)发布订阅=>根据交换机的不同分为三种3.订阅模型之Fanout(广播)4.订阅模型之Direct(路由)5.订阅模型之Topic(话题)使用前导:1.在生产者和消费者项目上分别导入RabbitMQ依赖<!--AMQP依赖,包含RabbitMQ-->......
  • 【GD32F303红枫派使用手册】第十节 FWDGT-独立看门狗实验
    10.1实验内容通过本实验主要学习以下内容:独立看门狗的原理独立看门狗功能介绍实现独立看门狗功能10.2实验原理10.2.1看门狗的原理一般来说,搭配MCU的产品都需要有长期运行的需求,特别像一些工业设备,可能要求运行个几年都不关机,但谁也不能保证在这几年里,MCU里面的代码......
  • 【GD32H757Z海棠派使用手册】第十三讲 USB-虚拟键盘实验
    13.1实验内容通过本实验主要学习以下内容:USB协议基本原理GD32H7xxUSBHS的使用虚拟键盘的协议原理及使用13.2实验原理13.2.1USB通信基础知识USB的全称是UniversalSerialBus,通用串行总线。它的出现主要是为了简化个人计算机与外围设备的连接,增加易用性。USB支持热......