<div draggable="true"></div>怎么在js里面把draggable="flase"

要在 JavaScript 中将 `draggable` 属性设置为 `false`，可以使用以下代码：

const element = document.querySelector('div'); // 选择要操作的元素
element.draggable = false; // 将 draggable 属性设置为 false

这将禁用元素的拖放功能。如果需要在 HTML 中将 `draggable` 属性设置为 `false`，可以这样写：

<div draggable="true" id="myDiv"></div>

然后在 JavaScript 中这样操作：

const element = document.querySelector('#myDiv');
element.draggable = false;

这将选择具有 `id` 为 `myDiv` 的 `<div>` 元素，并将 `draggable` 属性设置为 `false`。

相关问题

在VUE3环境下，使用draggable组件，代码如下： <draggable v-model="state.waitingRoomPatList" @end="waitingRoomPatEnd" item-key="id" group="bedPatGroup" :options="{ group: { pull: 'clone' }, sort: true }" :move="waitingRoomPatMove" > <template #item="{ element }"> <div></div> </template> </draggable>，报错信息如下：Error: Item slot must have only one child at computeNodes

根据你提供的代码和错误信息，我看到你在 `item` 插槽中只放了一个空的 `div` 元素，这个元素没有任何具体的内容，也就是说没有任何实际的作用，这也是导致报错的原因之一。

你可以在 `item` 插槽中放置一些具有实际内容的元素，比如渲染患者信息的组件或者是一些文字、图片等等，这样才能保证在拖拽操作中真正起到作用。

同时，你需要保证 `item` 插槽中只有一个子元素，否则也会报错。如果你需要在 `item` 插槽中放置多个元素，可以将它们包裹在一个父元素中，然后将这个父元素作为 `item` 插槽的子元素。

最终的代码可能会像这样：

<draggable
  v-model="state.waitingRoomPatList"
  @end="waitingRoomPatEnd"
  item-key="id"
  group="bedPatGroup"
  :options="{ group: { pull: 'clone' }, sort: true }"
  :move="waitingRoomPatMove"
>
  <template #item="{ element }">
    <div class="patient-card">
      <img :src="element.avatar" alt="patient-avatar" />
      <div class="patient-info">
        <p class="patient-name">{{ element.name }}</p>
        <p class="patient-age">{{ element.age }}岁</p>
      </div>
    </div>
  </template>
</draggable>

这样就可以避免报错了。

<script type="text/javascript" src="../../js/jquery.js"></script> <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=ca04cee7ac952691aa67a131e6f0cee0"></script> <script type="text/javascript" src="../../js/bootstrap.min.js"></script> <script type="text/javascript" src="../../js/bootstrap.AMapPositionPicker.js"></script>如何使用到这个地图

要使用这个地图，一般需要在网页中添加一些 HTML 和 JavaScript 代码。首先，需要在 HTML 文件中创建一个具有一定大小的元素，作为地图的容器，例如：

<div id="mapContainer" style="height: 500px;"></div>

接着，在 JavaScript 中创建一个地图对象，并将其绑定到容器元素上，例如：

var map = new AMap.Map('mapContainer', {
  zoom: 10, // 初始缩放级别
  center: [116.39,39.9], // 初始中心点坐标
  resizeEnable: true // 自适应容器大小
});

这里的 `AMap` 对象是从高德地图 API 中加载的。使用 `Map` 构造函数创建了一个地图对象，并将其绑定到 `mapContainer` 元素上。`zoom` 和 `center` 分别指定了地图的初始缩放级别和中心点坐标。

接下来，可以使用 `bootstrap.AMapPositionPicker.js` 中提供的位置选择器组件来让用户在地图上选择位置，例如：

$('#mapContainer').AMapPositionPicker({
  zoom: 16, // 缩放级别
  useNative: true, // 是否使用原生控件
  markerOptions: {
    raiseOnDrag: true, // 拖动时是否提高标记
    draggable: true // 是否可拖拽
  },
  inputTag: '#positionInput' // 位置信息输入框
});

这里使用了 jQuery 的 `$` 函数来选取 `mapContainer` 元素，并调用 `AMapPositionPicker` 方法来创建位置选择器。`zoom` 参数指定了缩放级别，`useNative` 参数指定了是否使用原生控件，`markerOptions` 参数指定了标记的属性，`inputTag` 参数指定了位置信息输入框的选择器。