当前位置: 首页 > news >正文

网络营销运营策划seo专员是做什么的

网络营销运营策划,seo专员是做什么的,网站seo外包,wordpress没有样式表在 Vue 3 中的 Composition API 中,$refs 并不直接可用于 setup 函数。这是因为 $refs 是 Vue 2 的实例属性,而在 Vue 3 中,setup 函数是与模板实例分离的,不再使用实例属性。 实际工作中确实有需求,在setup 函数使用…

在 Vue 3 中的 Composition API 中,$refs 并不直接可用于 setup 函数。这是因为 $refs 是 Vue 2 的实例属性,而在 Vue 3 中,setup 函数是与模板实例分离的,不再使用实例属性。

实际工作中确实有需求,在setup 函数使用$refs,下面有两种方法。

方案

方案一:getCurrentInstance

<template><el-table ref="multipleTableRef" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange"><el-table-column type="selection" width="55" /><el-table-column label="Date" width="120"><template #default="scope">{{ scope.row.date }}</template></el-table-column><el-table-column property="name" label="Name" width="120" /><el-table-column property="address" label="Address" show-overflow-tooltip /></el-table><div style="margin-top: 20px"><el-button @click="toggleSelection([tableData[1], tableData[2]])">Toggle selection status of second and thirdrows</el-button><el-button @click="toggleSelection()">Clear selection</el-button></div>
</template><script setup>
import { ref, getCurrentInstance } from 'vue'
const tableData = [{date: '2016-05-03',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-02',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-04',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-01',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-08',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-06',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-07',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},
]const multipleSelection = ref([])
const handleSelectionChange = (val) => {multipleSelection.value = val
}const {proxy} = getCurrentInstance();
const toggleSelection = (rows) => {if (rows) {rows.forEach((row) => {proxy.$refs.multipleTableRef.toggleRowSelection(row, undefined)})} else {proxy.$refs.multipleTableRef.clearSelection()}
}
</script>

方案二: ref

<template><el-table ref="multipleTableRef" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange"><el-table-column type="selection" width="55" /><el-table-column label="Date" width="120"><template #default="scope">{{ scope.row.date }}</template></el-table-column><el-table-column property="name" label="Name" width="120" /><el-table-column property="address" label="Address" show-overflow-tooltip /></el-table><div style="margin-top: 20px"><el-button @click="toggleSelection([tableData[1], tableData[2]])">Toggle selection status of second and thirdrows</el-button><el-button @click="toggleSelection()">Clear selection</el-button></div>
</template><script setup>
import { ref } from 'vue'
const tableData = [{date: '2016-05-03',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-02',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-04',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-01',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-08',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-06',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-07',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},
]
const multipleTableRef = ref()
const multipleSelection = ref([])
const handleSelectionChange = (val) => {multipleSelection.value = val
}
const toggleSelection = (rows) => {if (rows) {rows.forEach((row) => {multipleTableRef.value.toggleRowSelection(row, undefined)})} else {multipleTableRef.value.clearSelection()}
}</script>

在这个示例中,multipleTableRef 是一个通过 ref 创建的响应式变量,用于存储对 el-table 元素的引用。

结果显示

在这里插入图片描述

http://www.zhongyajixie.com/news/34482.html

相关文章:

  • jsp网站服务器如何做防护百度号码
  • 朔州做网站的公司成都sem优化
  • 帮别人做买家秀的网站晚上免费b站软件
  • 用手机做空间建网站青岛seo服务哪家好
  • 网站排名优化培训课程成人再就业技能培训班
  • python做网站好用吗百度站长工具验证
  • 青州网站开发百度登陆页面
  • 邯山专业做网站seo标题优化步骤
  • 长沙网站建设网站天津疫情最新消息
  • 东莞虎门做网站推动高质量发展
  • 商务网站规划设计要点推广发帖网站
  • 餐饮企业网站源码制作网站软件
  • 网站建设网络工作室 开办需要那些手续百度指数查询平台
  • 深圳中光建设有限公司seo课程哪个好
  • 哪里有做配音的兼职网站seo是什么味
  • 网站设计的专业流程现在搜索引擎哪个比百度好用
  • 上每网站建设seo优化网站快速排名
  • 旅行网站排名手机营销推广方案
  • 网站建设冷色调今日最新头条新闻条
  • 免费网站虚拟主机免费发帖论坛大全
  • 用户界面设计的三大原则奉化云优化seo
  • 百度不收录网站建网站费用
  • wordpress 取消注册邮件乐陵seo外包公司
  • wordpress 又拍云插件广州seo工作
  • 微网站 微官网的区别网站注册页面
  • 手机视频制作软件济南seo怎么优化
  • 如何查询网站空间商seo培训机构
  • 黑河网站建设公司网站关键词优化排名外包
  • 郑州网站公司助企免费的大数据分析平台
  • 成都公司做网站找什么平台宁波seo快速优化平台