2013-05-13《第42课情景对话》

Dialogue1:
A: Are these the books you’re checking out?
   这些书是你要借出去的吗?
B: Yes.they are. When are they due back?
   是的。什么时候到期。
A: You can have them for one month. May I see your card?
   你可以借一个月。能把你的卡给我看看吗?
B: Oh, sure. I forgot. Here you go.
  噢。当然可以。我忘了。这给你。
A: Thank you. Oh. I’m sorry. It seems you still have a book overdue.
   谢谢。噢,对不起。看来你还有一本书过期没还。
B: What? I don’t understand. What book?
   什么?我不明白。什么书?
A: The Decline and Fall of the Roman Empire. Does that sound familiar?
   《罗马帝国的没落》,听起来耳熟吗?
B: Oh, no. I loaned that to my friend. I thought he returned it.
   噢,我把它借给我的朋友了。我还以为他给还了。
A: It looks like he didn’t.
   似乎他还没有。
B: Does that mean I can’t have any books until i return this one?
   那是不是意味着我要还了这本书才能借其它的书?
A: Yes. I’m afraid that’s our rule.
   是的。恐怕我们的规定是这样的。
B: What is the fine on that book right now?
   现在那本书的罚金是多少了?
A: Right now you own S3.7. it’s so.5o a day for over due books.
   现在你是欠了$3.70.过期书籍每天罚款$0.50.
B: I’m so sorry. I’ll to my place right now and bring it back
   真对不起。我马上回去把它拿来。
A: We close in an hour. Do you have time?
   我们还有一人上小时就关门了。你够时间吗?
B: Yes. I live right nearby. Can you just hold these books here for a
little bit?
   够的。我就住在这附

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用vue-contextmenujs可以在ul li情景下实现右键菜单的功能。具体步骤如下: 1. 安装vue-contextmenujs: ``` npm install vue-contextmenujs --save ``` 2. 在Vue组件中引入vue-contextmenujs: ``` import VueContextMenu from 'vue-contextmenujs' export default { components: { VueContextMenu }, ... } ``` 3. 在模板中使用vue-contextmenujs: ``` <template> <div> <ul> <li v-for="item in list" :key="item.id" @contextmenu.prevent="$refs.menu.show($event, item)"> {{ item.name }} </li> </ul> <VueContextMenu ref="menu"> <ul> <li @click="handleClick('edit')">编辑</li> <li @click="handleClick('delete')">删除</li> </ul> </VueContextMenu> </div> </template> ``` 在ul li情景下,我们通过给li标签添加@contextmenu.prevent事件,来阻止默认的右键菜单弹出,然后调用vue-contextmenujs的show方法,在指定位置显示右键菜单。 4. 在Vue组件中添加方法处理右键菜单的点击事件: ``` export default { components: { VueContextMenu }, data() { return { list: [ { id: 1, name: 'item 1' }, { id: 2, name: 'item 2' }, { id: 3, name: 'item 3' } ] } }, methods: { handleClick(action) { const item = this.$refs.menu.contextData switch (action) { case 'edit': console.log('edit', item) break case 'delete': console.log('delete', item) break } } } } ``` 在这个例子中,我们通过switch语句来处理右键菜单的点击事件,根据不同的操作执行不同的逻辑。 以上就是ul li情景下使用vue-contextmenujs实现右键菜单的方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值